2012-10-02 44 views
-1

我正在研究一個項目,我必須在下拉菜單中選擇多個選項,並且該文本框的數量應與該選定標籤一起顯示。即在下拉我有4個選項在下拉我有國家名稱像印度,美國,中國和我想選擇多個選項,所以我按shift和點擊多個選項,在這種情況下,我按美國和中國,所以我想2文本將自動創建包含該國家名稱的文本框。Dropbox的多種選擇

工作,我已經做了: 我已經上創建用戶點擊按鈕的時間文本框時像點擊完成工作。那是我在貼上做的工作。請幫我該怎麼做

+2

你到目前爲止嘗試過什麼?你已經(假設你選擇了標籤)理解你需要JavaScript,或者像jQuery這樣的庫來備份它。但是你有沒有嘗試過迄今爲止沒有用的東西?如果是這樣,請編輯您的帖子並分享代碼。我們都是開發人員,不要害羞,我們已經看到代碼大小。:-D – chris

+0

問題是多重選擇還是JavaScript部分? – Havelock

回答

0

鑑於此標記:

<div id="cont1"> 

    <select id="sel1" name="sel1" multiple> 
     <option value="First">First</option> 
     <option value="Second">Second</option> 
     <option value="Third">Third</option> 
    </select> 

</div> 

這個腳本應該讓你開始:

$(function() { 

    $('#sel1 option').on('click', function(e){ 

     if($(this).is(':selected')){ 
      $('<input value="'+$(this).val()+'" />').appendTo('#cont1'); 
     } 

    }); 

}); 

爲了實際使用例如P中的值HP腳本,您需要爲每個輸入添加名稱;否則,表單字段不會與表單一起提交。另外,請注意,這個語法的確假設你正在使用jQuery 1.7+。

0

您可以使用Ajax按照本教程

http://www.w3schools.com/php/php_ajax_database.asp

+0

我不明白這與這個問題有什麼關係。 OP不需要向服務器發送任何內容,而是編輯現有的HTML。 –

+0

但這也可能是他對他問題的答案..就像他說他會在項目中使用它,所以我認爲它會使用數據庫並通過服務器發送 –