Question

我有多个＆lt;选择＆gt;下拉列表。每个下拉列表都有自己的ID，并按如下方式分配：

for($i=0; $i<12; $i++) {
    echo '<select class="selectpicker" id="select$i">
              <option value="x">text</option>
          </select>';
}

在jQuery中，如何获取我点击的选择下拉列表中的选定选项？到目前为止，我已经获得了以下代码：

<script>
for (i = 0; i < 12; i++) {
    $("#select" + i + "").change(function () {
        alert("Im inside a select box!");

        var selectValue = document.getElementById('select' + i + '').value;
        var selectOption = $("#select" + i + " option[value=" + selectValue + "]").text(); 

        alert(selectOption);      
    });
}
</script>

它确实警告＆＃34;我在选择框内！＆＃34;我点击的选择框。但它并没有提醒选定的选项。知道我做错了吗？

Answer 1

从你的php开始，你有"for($i=0; $i<10; $i++) {"，而你的js中有"for (i = 0; i < 12; i++) {"，你的js中的"i < 12"不应该是"i < 10"吗？它可能与选择ID

不匹配

Answer 2

这就是我修复它的方法。我只需用$（“select”）检查任何选择下拉列表，然后从那里我就能得到所选的选项。

$("select").change(function () {
    var selectValue = $(this).attr("id");
    var selectOption = $("#" + selectValue + " option:selected").text();
});

使用多个选择下拉列表，从我单击的列表中获取所选值

2 个答案: