Как да сменяте опциите на две избрани кутии - 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".

Сега чрез щракване върху бутон тези две стойности трябва да се разменят. Означава "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.

Отговори:

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

Работи добре за мен.