0
<?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>

如何知道水果数组选择框中选择的具体索引和值?

提前致谢!

4

3 回答 3

1

就像是:

$("select[name='fruits[]']").change(function () {
    var selectedIndex = this.selectedIndex,
        value =  this.value;
});
于 2013-10-03T10:26:12.170 回答
1

首先选择器应该是select[name="fruits[]"]. 然后你可以selectedIndex在 DOM 元素上使用。尝试这个:

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

或者对于纯 jQuery 方法,使用option:selected

$("select[name='fruits[]']").change(function () {
     console.log($('option:selected', this).index());
});
于 2013-10-03T10:26:32.940 回答
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>

演示

于 2013-10-03T10:33:22.567 回答