Question

我使用此jquery函数填充下拉框。工作得很好，但我想要添加选项：

<option value="">select</option>

第一个选择！怎么做？

function populate_cantons() {
    $.getJSON('http://domain.com/v3/ajax/fetch_canton.php', {country:$('#country').val()}, function(data) {
        var select = $('#cantons');
        var options = select.prop('options');
        $('option', select).remove();
        $.each(data, function(index, array) {
            options[options.length] = new Option(array['canton']);
        });
    });
}

Answer 1

<select id="cantons">
    <option>This is 1</option>
    <option>This is 2</option>
    <option>This is 3</option>
</select>

var select = $('#cantons');
select.find('option:eq(0)').next().attr('selected', true);

http://jsfiddle.net/RhhAZ/1/

注意，我正在使用.next()来表明它有效。如果没有它，它将选择第一个option。通常情况下，如果没有其他option，则会选择select中的第一个var select = $('#cantons'); select.prepend('<option selected>Select</option>');。

修改

{{1}}

http://jsfiddle.net/RhhAZ/4/

使用jquery向选择框列表添加选项

1 个答案: