Добавить параметры в DropDownList с помощью jQuery в Code Igniter

Question

Я ищу способ добавить пользовательскую опцию в выпадающий список выбора с помощью Jquery.Таким образом, пользователь щелкает по раскрывающемуся списку, и ему предоставляется список опций, последний из которых «добавить другие ...», после того, как он щелкнет по нему, он может затем ввести собственную опцию (через всплывающее окно, всплывающее окно, напрямуювстроенный или любой другой.)

Ниже приведен пост, объясняющий это, однако я использую CI, у которого есть опции в качестве массива и т. д. Как я могу применить это в Code Igniter?

Как добавить параметры в DropDownList с помощью jQuery?

Спасибо!

ps Мои знания 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 вы создаете элемент select следующим образом:

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