添加數據到一個選擇

我有這個選擇;選擇國家，並添加到一個新的選擇倍數與5個國家的限制，但我只想添加1個國家選擇或多個國家，如果我做一個多選。我錯就錯在我的功能ADDC（），當我想在我的選擇增加超過1個國家，它添加了一些國家在1個選項標籤是這樣的：添加數據到一個選擇

<option>South KoreaUSAJapan</option>

我可以修改顯示下面的方式，如果我做了多個選擇？：

<option>South Korea</option> 
<option>USA</option> 
<option>Japan</option>

我的代碼：http://jsbin.com/osesem/4/edit

function addC() { 
    if ($("#agregarProvincia option").length < 5) { 
     var newC = ($("#countries option:selected").text()); 
     $("#addCountry").append("<option>" + newC + "</option>"); 
    } 
}

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 
<label for="provincia2"><b>¿Country?</b></label><br> 
<span> 
    <select multiple="multiple" size="5" id="countries"> 
     <option value="1">South Korea</option> 
     <option value="2">USA</option> 
     <option value="2">Japan</option> 
     <option value="3">Italy</option> 
     <option value="4">Spain</option> 
     <option value="5">Mexico</option> 
     <option value="6">England</option> 
     <option value="7">Phillipins</option> 
     <option value="8">Portugal</option> 
     <option value="9">France</option> 
     <option value="10">Germany</option> 
     <option value="11">Hong Kong</option> 
     <option value="12">New Zeland</option> 
     <option value="13">Ireland</option> 
     <option value="14">Panama</option> 
     <option value="15">Norwey</option> 
     <option value="16">Sweeden</option> 
     <option value="17">India</option> 
     <option value="18">Morroco</option> 
     <option value="19">Russia</option> 
     <option value="20">China</option> 
    </select> 
</span> 
<div class="addremover"> 
    <input class="add" type="button" onclick="addC()" value="Addd »" /> 
    <br/> 
</div> 
<span> 
    <select id="addCountry" multiple="multiple" size="5"> 
    </select> 
</span>

來源

2013-02-09 Kakitori

使用通過文字each功能循環並追加它.. 試試這個

function addC() { 
    if ($("#agregarProvincia option").length < 5) { 
     var newC = ($("#countries option:selected")); 
     newC.each(function(){ 
     $("#addCountry").append("<option>" + $(this).text() + "</option>"); 
     }) 
    } 
}

JSbin這裏

來源

2013-02-09 19:46:39 bipen

偉大的工作！謝謝 – Kakitori 2013-02-09 19:52:55

歡迎....快樂編碼.. :) – bipen 2013-02-09 19:53:38

或者只是克隆選擇<option>的

function addC() { 
    if ($('#countries option:selected').size() < 5) 
    { 
    $('#addCountry').append($('#countries option:selected').clone()); 
    } 
    else 
    { 
    alert('you can only select 5'); 
    } 
}

來源

2013-02-09 19:56:56 daleyjem

這是一個好主意 – Kakitori 2013-02-09 20:15:05

添加數據到一個選擇

回答

相關問題