Получить индекс и значение массива selectbox

Question

Получить индекс и значение массива selectbox

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>

Как узнать конкретный индекс и значение, выбранное в списке выбора фруктов?

Заранее спасибо!

Paengski 03 окт. 2013, в 13:14

Источник

Теги:

jquery

3 ответа

Ещё вопросы

Niels · Answer 1 · 2013-10-03T09-10-00.000Z

Что-то вроде:

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

Rory McCrossan · Answer 2 · 2013-10-03T08-10-00.000Z

Во-первых, селектором следует 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());
});

Thirumalai murugan · Answer 3 · 2013-10-03T07-46-00.000Z

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

демонстрация