当我选择另一个选择标签HTML<选择>
How to automatically change the value list of option of select tag when i select the certain option of another select tag HTML <select>
<select>
<option>america</option>
<option>rusia</option>
<option>china</option>
</select>
<select> <!--here the second select tag which has so many option value-->
<option>list1</option>
<option>list2</option>
<option>list3</option>
</select>
当我选择第一个选择时,如何动态更改第二个选择标记的值?
例如,如果我选择美国,第二个选择选项列表将显示华盛顿、纽约等,但当我选择白俄罗斯时,它将显示莫斯科等。
您可以使用附加到所有<select>
元素的change
事件,使用.not()
将每个select
元素的selectedIndex
设置为当前change
event.target
元素selectedIndex
,.each()
不包括当前元素this
var select = $("select");
select.change(function(e) {
select.not(this).each(function() {
this.selectedIndex = e.target.selectedIndex
})
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select>
<option>america</option>
<option>rusia</option>
<option>china</option>
</select>
<select> <!--here the second select tag which has so many option value-->
<option>list1</option>
<option>list2</option>
<option>list3</option>
</select>
相关文章:
- Div根据<选择>菜单
- 如何更改<选择>使用angularJS从控制器获得的值
- 当<选择的选项>重新选择
- 依赖<选择>HTML和JavaScript菜单
- 选择<李>使用普通JavaScript的子节点,而不是孙节点
- 如何传递相同页面<选择>值到同一页<f: param>
- 渲染<选项值=“;foo”;选择>在服务器上
- <选择>标签不起作用
- 选择<脚本></脚本>作为html正文中的纯文本
- 选择<选项>基于一个值
- 选择<a>标记,其中<输入>与jQuery在一起
- 选择<选择><选项>使用jQuery、Javascript或PHP从备选选项中选择
- 如何预先选择<选择>列表项
- 选择<span>on单击
- Jquery选择<td>标记
- D3选择<g>元素和修改填充
- 通过选择<选项>在<选择>
- Javascript/JQuery:如何选择<td>元素,当它具有某种样式时
- 选择<李>双击后使用jQuery
- 选择& lt; a>从jQuery变量中获取值