Question

我正在使用包含3个选项的选择字段：

<select id="button1">
    <option  value="a">a</option>
    <option  value="b">b</option>
    <option  value="c">c</option>
</select>

和一个镜像选择字段的列表

<div class="content" data-name="button1">
    <ul>
    <li>a</li>
    <li>b</li>
    <li>c</li>
    </ul>
</div

我要做的是在单击列表元素时远程更改选择。我已经走到了这一步，这有效：

$(".content li").click(function() {
    var listnumber = $(this).index()
    $("#button1 option").eq(listnumber).prop('selected', true);
});

但后来我想添加更多具有相应列表的选择字段，但是使用相同的脚本运行所有字段

$(".content li").click(function() {
    var listnumber = $(this).index()
    var buttonnumber = $(this).parents().eq(1).attr("data-name")
    $("#" + buttonnumber + "option").eq(listnumber).prop('selected', true);
});

我假设我没有正确地将选择器与我的变量连接起来。这是如何正确完成的？

Answer 1

我认为您只需要获取所点击的内容＆＃34; li＆＃34;元素，假设你选择了第一个＆＃34; li＆＃34;哪个内容是＆＃34; a＆＃34;。然后，您只需将值设置为选择字段。

$（＆＃39;＃button1＆＃39;）。val（selecteLIValue）; //＆＃34; a＆＃34;或＆＃34; b＆＃34;

Answer 2

undefined回答了它。我只是错过了一个空间

$("#" + buttonnumber + " option")

感谢

jquery如何将varibale与选择器结合起来

2 个答案: