2014-02-26 85 views
-1

我有一個下拉列表填充了國家列表和另一個下拉列表爲空,我有2個按鈕> >>從下拉列表中刪除的項目,並將其添加到另一個下拉列表

當我按下>按鈕我要添加從國家dropdownlist到emptydropdown列表中的一個國家(選定的國家),當我按>>我想添加國家添加到空的dropdownlist。而且每次添加時,都應該從第一個下拉列表中刪除。

我想:

$("#form_selectednationality_id").add($("#form_nationality_id option:selected")); 
$("#form_nationality_id option:selected").remove(); 

它succefully刪除項目,但不添加任何東西 你有任何意見或想法? 謝謝。

+3

多少你會爲這個任務付出? :) – Unknown

+0

[#gimmethecodez](http://meta.stackexchange.com/questions/108551/what-site-to-use-if-you-have-a-gimme-teh-codez-question) – SeinopSys

+0

:D Well :D我是無恥的西塔琴強悍者,無恥的鋼琴奏者沒有多少錢! :D – MasOud

回答

1

你在找嗎?

<script> 
    $(document).ready(function() { 
     $("#countryButton").click(function() { 
      $("#second").append($("<option/>", { html: $("#first").val(),value:$("#first").val(), selected: true })); 
      $('#first option:selected').remove(); 

     }); 
    }); 
</script> 
<body> 
    <select id="first"> 
     <option>country1</option> 
     <option>country2</option> 
    </select> 
    <input type="button" id="countryButton" value=">" /> 
    <select id="second"> 
    </select> 
    </div> 
</body> 
+0

這是偉大的,謝謝兄弟 – MasOud

+0

@MasOud始終歡迎兄弟。 –

+0

謝謝,但事情是,它顯示#2項目#1的價值,我想顯示它完全像它在#1中顯示的名稱,並具有相同的值 – MasOud

1
<script> 
    $(function() { 
    $("#add").click(function() { 
     $("#2").append(new Option($("#1 option:selected").val())); 
    }); 
}); 
</script> 

<select id="1"> 
    <option>1</option> 
    <option>2</option> 
    <option>3</option> 
</select> 
<input type="button" id="add" value="add"> 
<select id="2"></select> 
+0

謝謝,但問題是,它顯示#2項目#1的價值,我想顯示它完全像它在#1中顯示名稱並具有相同的值 – MasOud

相關問題