2014-02-26 34 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

相关问题