在代码点火器中使用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 ...”。