javascript - 使用 jQuery Javascript或者PHP从其他选择选择 <select> <option>

  显示原文与译文双语对照的内容
0 0

我需要关于选择复制的帮助,因为我对它一无所知。 下面是我的问题:我需要从一个选择中选择一个状态,然后在另一个选择中自动选择。 但是我的值对于每个选择都不同,因为信息将被处理到服务器( 否则,将不会出现问题,因为我不需要从一个选择复制到另一个选择。) 。 以下是我的格式:

<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"的值,并且选择的选选项。 我不知道这是多么容易或者难以做到,但我肯定会对这个问题有所帮助。 如果你使用 JSFiddle,给你加分。 谢谢!

时间:原作者:2个回答

0 0
$('#stateSelect').on('change', function(){
 var v = $(this).val();
 $('#stateSelect2. '+v).prop('selected', true);
});

http://jsfiddle.net/dipser/9ca0eL1d/

原作者:
0 0

类似这样的内容应该足够了:

$(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 有一个值,并且在第二个中存在

JSFiddle演示

原作者:
...