Javascript jQuery从传入参数（ID）中获取下拉选择

我的页面上生成了一系列下拉列表，如下所示

<select id="opt(1)">
  <option value="Edit">Edit</option>
  <option value="View">View</option>
</select>

<select id="opt(2)">
  <option value="Edit">Edit</option>
  <option value="View">View</option>
</select>


<select id="opt(3)">
  <option value="Edit">Edit</option>
  <option value="View">View</option>
</select>

这是行不通的。问题是： 1我如何在ID中逃逸 2如何将参数值传入$'..中

---

谢谢

您可以执行以下操作

将类名添加到所有下拉列表中

<select class="test" id="opt(1)">
..
</select>
<select class="test" id="opt(2)">
..
</select>

希望这有帮助

你是说这个？ 选择器[id^=opt]表示开始，并将获得所有匹配元素。在本例中，您的html选择。然后，您可以在不创建额外函数的情况下执行其他操作。 另一种方法 通过这种方式，您可以按要求获取文本，而不是从所选选项中获取值。 另外，我真的不知道你为什么会变得越来越复杂。

我解决了这个问题：

function getDropdownSelection(index) {

var sel = $('#opt\\(' + index + '\\) :selected').text();
alert(sel);
}

---

可能是双重谢谢，但我必须在ID上使用jQuery选择语法。

$(".test").on("change", function(){
    alert($(this).attr("id"));
});

$(function() {
    $("[id^=opt]").on('change', function(){
        var id = this.id;
        /* Do something */
    }); 
});

$(function() {
    $("[id^=opt]").on('change', function(){
        var selTxt = $('option:selected', this).text();
    });
});

function getDropdownSelection(index) {

var sel = $('#opt\\(' + index + '\\) :selected').text();
alert(sel);
}