如何使用javascript(jQuery ajax之类的)为多个下拉列表设置默认值？

Question

我自己正在做我的网络技术实验。我有两个下拉列表引用在一个div。

<div id="A">
<select>
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
</select>
<select>
    <option>6</option>
    <option>7</option>
    <option>8</option>
    <option>9</option>
    <option>10</option>
</select>
</div>

这里是我的javascript代码：

$(document).ready(function(){
        $('#A option:eq(1)').attr("selected", "selected");
});

我期待的是下拉列表选项"2“和"7"，但只有"2”但"7".oh，我可以通过单线脚本代码(而不是设置两个div与两个标签两个下拉)，非常感谢答复和帮助。

Answer 1

演示

$(document).ready(function () {
    $('#A select').each(function () {
        $(this).find('option:eq(1)').prop("selected", "selected");
    });
});

Answer 2

$('#A').find('select option:nth-child(2)').attr("selected", "selected");

Answer 3

你应该使用：

$('select').find('option:eq(1)').attr("selected", "selected");