php - 在 Codeigniter 中使用 jQuery 将选项添加到 DropDownList

Question

我正在寻找一种使用 Jquery 将自定义选项添加到下拉选择列表的方法。因此，用户将单击下拉菜单，然后看到一个选项列表，最后一个是“添加其他...”，一旦他们单击此按钮，他们就可以输入自己的选项(通过弹出窗口、弹出窗口、直接内联或无论如何。)

下面的帖子对此进行了解释，但是，我使用的是 CI，它具有数组等选项。我如何在 Code Igniter 中应用它？

How do I add options to a DropDownList using jQuery?

谢谢!

附:我的 js 知识不太好。

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..."。