在java脚本中插入空选项字段

时间:2015-11-02 16:48:06

标签: javascript jquery

您好我在一定的更改后使用javascript替换代码中的<select></select>。我想要做的是在DB结果开始填充之前在此选择内插入一个空的<option></option>字段。这是我的java脚本代码的一部分:

$('#selectcity').on('change', function (){
    $.getJSON('select_sector_backend.php', {customerId: $(this).val()}, function(data){
        var options = '';
        for (var x = 0; x < data.length; x++) {
            options += '<option value="' + data[x]['id'] + '">' + data[x]['sectorname'] + '</option>';
        }
        $('#selectsector').html(options);

现在的结果是:

<option value="1">1</option>
<option value="2">2</option>

所以我希望能够成功:

<option value="">ALL</option>
<option value="2">2</option>
<option value="1">1</option>

非常欢迎任何帮助!

2 个答案:

答案 0 :(得分:1)

变化:

var options = '';

致:

var options = '<option value="">ALL</option>';

答案 1 :(得分:0)

进行以下更改

$('#selectcity').on('change', function (){
    $.getJSON('select_sector_backend.php', {customerId: $(this).val()},        function(data){
    var options = '<option value="">ALL</option>';
    for (var x = 0; x < data.length; x++) {
        options += '<option value="' + data[x]['id'] + '">' + data[x]['sectorname'] + '</option>';
    }
    $('#selectsector').html(options);