如何交换两个选择框的选项

我有两个选择框如下。如何交换两个选择框的选项

<form name="test"> 
     <select id="s1" name="select1"> 
     <option selected>1</option> 
     <option>2</option> 
     <option>3</option> 
     </select> 

     <select id="s2" name="select2"> 
     <option>1</option> 
     <option>2</option> 
     <option selectd>3</option> 
     </select> 

<input type="button" value="swap" id="swap"> 

    </form>

“1”，在选择框中1被选择和“3”被设置在选择框2.

通过点击按钮这两个值应选择交换立即。意思是“3”在选择框1和“1”在选择框2.

我已经尝试了一些jQuery的。该代码如下。

$("#swap").click(function(){ 
v1=document.getElementById("s1"); 
v2=document.getElementById("s2"); 
document.form.select1.value=v2; 
document.form.select2.value=v1; 
});

但我没有得到结果。我在做什么错。

在此先感谢，

Shoba。

来源

2013-05-03 user2335484

其实在这两个选择框的选项将是相同的。是的，我想要选择的选项应该被改变 – user2335484 2013-05-03 05:07:18

因为你正在使用jQuery作为代码介质，如果你可以用jQuery自己编写所有代码，它会更整洁，更好，更容易。你可以用这个冗长的'document.getElementById（“s1”） ;'在jQuery中使用简单的'$（'＃s1'）''。在你的代码中，它与jQuery和javascript混合在一起。所以请认为这是您未来编码的建议。 – 2013-05-03 05:24:06

雅确定...你的建议thnks :-) – user2335484 2013-05-03 05:28:59

$('#swap').click(function(){ 
    var v1 = $('#s1').val(), 
     v2 = $('#s2').val(); 
    $('#s1').val(v2); 
    $('#s2').val(v1); 
});

Works fine for me.

来源

2013-05-03 05:06:29 Ohgodwhy

是的..它的工作完美。 Thnku ... :-) – user2335484 2013-05-03 05:09:30

如何交换两个选择框的选项

回答

相关问题