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

时间:2013-05-03 05:03:29

标签: jquery html

我有两个选择框如下。

    <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”,在选择框2中选择“3”。

现在通过单击按钮,这两个值应该交换。在选择框1中表示“3”,在选择框2中表示“1”。

我为此试过了一些jquery。该代码如下。

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

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

提前致谢,

了Shoba。

2 个答案:

答案 0 :(得分:8)

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

Works fine for me.

答案 1 :(得分:0)

new,delete[]