<分区>
我希望当我从一个下拉菜单中选择一个选项时，同时其他下拉菜单的值应该根据第一个改变。
例如:如果我从“下拉列表 1”中选择“值 1”，那么在“下拉列表 2”中 它应该自动更改为相同的值(“值 1”)。
有人可以帮帮我吗？提前谢谢你!
这是我的演示。
<select name="" id="">
<option value="">Select</option>
<option value="">Value 1</option>
<option value="">Value 2</option>
</select>
<select name="" id="">
<option value="">Select</option>
<option value="">Value 1</option>
<option value="">Value 2</option>
</select>
最佳答案
首先给选择者赋予身份
<select name="" id="one">
<option value="">Select</option>
<option value="1">Value 1</option>
<option value="2">Value 2</option>
</select>
<select name="" id="two">
<option value="">Select</option>
<option value="1">Value 1</option>
<option value="2">Value 2</option>
</select>
然后
jQuery(function ($) {
var $set = $('#one, #two')
$set.change(function () {
$set.not(this).val(this.value)
})
})
演示:Fiddle
关于javascript - 如何同时更改两个选择>选项下拉列表，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20753626/
相关文章：
javascript - 在对象属性上使用 jQuery 方法
html - ASP.NET Gridview 固定 header 可滚动不起作用
html - Firefox 加载条件注释中引用的所有 css 文件
html - 将 http 转换为 https；为了安全，这是必须的吗？
javascript - 使用 Ajax 更新 href ID
javascript - 根据选择选项值禁用输入字段 Angularjs
javascript - Moment.js 和 moment timezone 获取当前时间(以秒、分钟和小时为单位)