在代碼點火器中使用jQuery將選項添加到DropDownList

Question

我正在尋找一種方法將自定義選項添加到下拉選擇列表與Jquery。因此，用戶可以點擊下拉菜單，並看到一個選項列表，最後一個點擊「添加其他...」，然後他們可以輸入自己的選項（直接通過彈出窗口，彈出窗口）內聯或然而）。

有下面的帖子解釋它，但是，我使用的配置選項作爲一個數組等。我如何可以應用此代碼點火器？

How do I add options to a DropDownList using jQuery?

謝謝！

p.s.我的知識不是很好。

Answer 1

試試這個關於大小：

http://jsfiddle.net/Fh5Bz/1/

HTML：

<select id="myselect"> 
    <option>hello</option> 
    <option>world</option> 
    <option>Add other...</option> 
</select> 

<div id="addother"> 
    <input type="text" id="addother_input" /> 
</div>​ 

CSS：

#addother { 
    display:none; 
}​ 

JS：

$(document).ready(function() { 
    $('#myselect').change(function(e) { 
     if ($(this).val() == "Add other...") { 
      $('#addother').show(); 

      //set the input back to an empty string 
      $('#addother_input').val(''); 
     } else { 
      $('#addother').hide(); 
     } 
    }); 
});​ 

編輯：對不起，錯過了它是一個CI生成的選擇元素的線。在CI，創建這樣一個選擇的元素：

$options = array(
        'small' => 'Small Shirt', 
        'med' => 'Medium Shirt', 
        'large' => 'Large Shirt', 
        'xlarge' => 'Extra Large Shirt', 
       ); 

echo form_dropdown('shirts', $options); 

如果你想創建一個額外的選項，只需把它釘住到年底，像這樣：

$options = array(
        'small' => 'Small Shirt', 
        'med' => 'Medium Shirt', 
        'large' => 'Large Shirt', 
        'xlarge' => 'Extra Large Shirt', 
        'addother' => "Add other..." 
       ); 

echo form_dropdown('shirts', $options, null, 'id="myselect"'); 

然後，在你jQuery，測試$（this）.val（）==「addother」而不是「Add other ...」。