Retrieve index and value of array selectbox

Question

<?php foreach ($fruits as $fruit) { ?>
    <select name="fruits[]">
        <option value="">Apple</option>
        <option value="">Banana</option>
        <option value="">Orange</option>
    </select>
    <input type="text" name="quantity" value="" />
<?php } ?>

<script>
    $("select[input='fruits[]']").change(function () {
         // how to get the fruits array index 
         // how to get the fruits array value
    });
</script>

How to know the specific index and value selected in fruits array selectbox?

Thanks in advance!

Niels · Accepted Answer · 2013-10-03 10:26:12Z

1

Something like:

$("select[name='fruits[]']").change(function () {
    var selectedIndex = this.selectedIndex,
        value =  this.value;
});

answered Oct 3, 2013 at 10:26

Niels

50.1k4 gold badges68 silver badges86 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Rory McCrossan · Accepted Answer · 2013-10-03 10:26:32Z

1

Firstly the selector should be select[name="fruits[]"]. Then you can use selectedIndex on the DOM element. Try this:

$("select[name='fruits[]']").change(function () {
     console.log(this.selectedIndex);
});

Or for a pure jQuery method, use option:selected:

$("select[name='fruits[]']").change(function () {
     console.log($('option:selected', this).index());
});

answered Oct 3, 2013 at 10:26

Rory McCrossan

338k41 gold badges321 silver badges353 bronze badges

Comments

Thirumalai murugan · Accepted Answer · 2013-10-03 10:33:22Z

0

<select name="fruits[]" id="fruit" onchange="calc()">
    <option value="">Apple</option>
    <option value="">Banana</option>
    <option value="">Orange</option>
</select>
<input type="text" name="quantity" value="" />
<script>
function calc()
{
    alert($("#fruit").prop("selectedIndex"));

}
</script>

Demo

answered Oct 3, 2013 at 10:33

Thirumalai murugan

5,9448 gold badges34 silver badges54 bronze badges

Collectives™ on Stack Overflow

Retrieve index and value of array selectbox

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related