更改没有id/class的值

Question

有一个网站，我想改变他们显示下拉菜单的方式。

http://i.stack.imgur.com/Wu718.jpg

我希望这样做，使默认值是“出售项”，而不是“论坛主题”。

这是他们的源代码。

       <select name="sec" style="margin-top:5px;width:138px;">

            <option value="topics">Forum Topics</option>

            <option value="s">Items for Sale</option>

            <option value="b">Want to Buys</option>

            <option value="users">Members</option>

       </select>

由于我并不真正关心它的外观，所以我只想将value=的“主题”更改为value="s“，即使不更改文本。

我读过一些教程，但它们大多使用ID和类作为选择器，在这种情况下，我如何从他们的网站中选择这个Select并更改其值。

Answer 1

您可以使用：

​

$('select[name=sec]').val('s');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<select name="sec" style="margin-top:5px;width:138px;">
    <option value="topics">Forum Topics</option>
    <option value="s">Items for Sale</option>
    <option value="b">Want to Buys</option>
    <option value="users">Members</option>
</select>

​

我认为这就是你在下面的评论中所描述的：

​

var dropdown = $('select[name=sec]');
// change the  s  option to  items
dropdown.find('option[value=s]').attr('value', 'items');
// change the  topics  option to  s
dropdown.find('option[value=topics]').attr('value', 's');
// change the dropdown's value to s  
// (first option should continue to be selected because its value is now s)
dropdown.val('s');

// (this is for demo purposes only)
dropdown.after($("<div>").text("New HTML is: " + dropdown[0].outerHTML));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<select name="sec" style="margin-top:5px;width:138px;">
    <option value="topics">Forum Topics</option>
    <option value="s">Items for Sale</option>
    <option value="b">Want to Buys</option>
    <option value="users">Members</option>
</select>

​

Answer 2

您可以使用名称或任何其他属性。

用于css

select[name="sec"]

或jquery

$('select[name="sec"]').

Answer 3

DEMO检查浏览器中的元素以查看更改，您可以使用select[name=sec]选择一个select下拉列表，然后选择第一个带有option:first的选项

 $('select[name=sec] option:first').val('s');

如果您需要更改任何选项，只需使用.eq()

$('select[name=sec] option').eq(0).val('s');  // eq(0) for the first option element . eq(1) for the second option element ...