选择<选择><选项>使用jQuery、Javascript或PHP从备选选项中选择
Select <select> <option> from alternate select using jQuery, Javascript, or PHP
我需要关于复制选择的帮助,因为我对此一无所知。我的问题是:我需要从一个选择中选择一个状态,然后让它在另一个选择自动选择相同的状态。但我的值对于每个选择都是不同的,因为信息将被处理到服务器上(否则就不会有问题,因为我不需要从一个选择复制到另一个选择)。这是我的格式:
<select name="state" size="1" id="stateSelect">
<option value="AL">Alabama</option>
<select>
<select name="state" size="1" id="stateSelect2">
<option class="AL" value="Alabama">Alabama</option>
</select>
这是我从互联网上拼凑出来的当前jQuery(显然不起作用):
$(function(){
$("select[name*='state']").change(function(){
$("#stateSelect2").children(':selected').hasClass( $("#stateSelect").val() )
})
})
因此,我需要做的是能够复制"stateSelect"所选的值,并由具有"stateSelect2"所选选项值的类选择"stateSelect1"的值。我不知道这件事有多容易或有多难,但我肯定会感谢在这个问题上提供的任何帮助。如果您使用JSFiddle,您将获得奖励积分。谢谢
$('#stateSelect').on('change', function(){
var v = $(this).val();
$('#stateSelect2 .'+v).prop('selected', true);
});
http://jsfiddle.net/dipser/9ca0eL1d/
这样的东西就足够了:
$(document).ready(function(){
$('#stateSelect').on('change', function(){
var val = $(this).val();
if(val.length > 0 && $('#stateSelect2 option.' + val).length > 0) {
$('#stateSelect2 option.' + val).attr('selected', 'selected');
// could also use .prop() here instead of attr
// which would be .prop('selected', true);
}
});
});
if语句确保选定的option
具有值,并且也存在于第二个select
中。
JSFiddle演示
相关文章:
- Div根据<选择>菜单
- 如何更改<选择>使用angularJS从控制器获得的值
- 依赖<选择>HTML和JavaScript菜单
- 如何传递相同页面<选择>值到同一页<f: param>
- 渲染<选项值=“;foo”;选择>在服务器上
- <选择>标签不起作用
- 当我有<选择>下拉列表
- 记住<选择>重新加载页面
- <中的链接;选择>下拉选项
- 映射多个<选择>至<输入>
- <上的applyBindings();选择>正在导致我的subscribe()起火,
- 如何动态生成X数量的新<输入>基于a<选择>(Angular2内)
- 在<选择>使用angular ng选项可能使用ng init
- 如何在提交<选择>与AngularJS
- 使用动态<选择>以显示<输入类型=“;文本>
- 什么's导致我的<选择>框在选中时闪烁
- 点击<选择>元素,但不在<选项>
- 使<选择>选项”;点击“;自动地
- 如何动态修改<选择>在实体化css框架中
- Javascript:更改<选择>java脚本中的选项