javascript - 设置选择元素的选定值

标签 javascript jquery html

我有两个选择列表:

<select id="one" class="sel">
    <option id="1">1</option>
    <option id="2">2</option>
    <option id="3">3</option>
</select>

<select id="two" class="sel">
    <option id="1">1</option>
    <option id="2">2</option>
    <option id="3">3</option>
</select>

和跨度:

<span id="three">set three</span>

我想单击此跨度,并且应该在两个列表中选择(id 1 和 2),并选择选项 id=3。 我怎样才能做到?

$("#three").click(function(){
    $(".sel") ... ????
})

直播: http://jsfiddle.net/rUbGx/

顺便说一句。我想要选项中带有 ID 的示例,而不是带有值的示例。谢谢。

最佳答案

option中的id更改为value,然后:

$("#three").click(function(){
    $(".sel").val(3);
});

另请参阅您更新的 example .

关于javascript - 设置选择元素的选定值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8810103/

相关文章:

javascript - JavaScript 的单线程模型如何处理耗时的任务?

javascript - 如何使用 FormatJs 消息语法将数字格式化为带两位小数的百分比?

javascript - 使用 MVC 原理实现单页 JavaScript Web 应用程序

java - 如何同时调用onclick和a href

php - 创建字体预览

javascript - ngOnInit 内的引用错误

javascript - JQuery 两个自动完成文本字段

javascript - 导航栏中 Bootstrap 标签的正确布局

javascript - 尝试用 <div> 替换 <video>

javascript - 仅垂直使用 Position Fixed 避免水平移动