檢索索引和數組選擇框的值

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> 

如何知道水果數組selectbox中選擇的特定索引和值？

在此先感謝！

Answer 1

喜歡的東西：

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

Answer 2

第一選擇應該是select[name="fruits[]"]。然後，您可以在DOM元素上使用selectedIndex。試試這個：

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

還是一個純粹的jQuery的方法，使用option:selected：

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

Answer 3

<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