如何將靜態選項添加到jQuery動態下拉列表

我得到的下拉列表的服務，但我需要添加一個選項靜態，如「動態下拉列表中的」選擇服務「。如何將靜態選項添加到jQuery動態下拉列表

這是我的代碼：

if (data[0]) { 
    $('#SelectedServiceIds').html(""); 
    $.each(data, function (key, value) { 
     $('#SelectedServiceIds').append(
       $("<option></option>").attr("value", value.ServiceID).text(value.ServiceName)); 
    }); 
}

，這是我的div：去

<div class="col-lg-3 col-sm-6"> 
    <div class="form-group select-services"> 

     <select class="form-control" name="SelectedServiceIds" id="SelectedServiceIds" placeholder="Choose Service"> 
      <option>Choose Service</option> 
     </select> 
    </div> 
</div>

來源

2017-04-27 Arun Raju

在您若塊替換該行$（ '＃SelectedServiceIds'）HTML（「」）。 ;與$（'＃SelectedServiceIds'）。html（「」）; –

的一種方式，只是在循環之前重新添加該選項（你可以將其刪除HTML太）

if (data[0]) { 
    //Remove all options 
    $("#SelectedServiceIds").html(""); 

    //Add the static option 
    $("#SelectedServiceIds").append(
    $("<option></option>").attr("value", -1).text("Choose Service") 
); 

    //Add the dynamic options 
    $.each(data, function(key, value) { 
    $("#SelectedServiceIds").append(
     $("<option></option>") 
     .attr("value", value.ServiceID) 
     .text(value.ServiceName) 
    ); 
    }); 
}

來源

2017-04-27 10:32:02

即將到達下拉列表末尾，但我首先需要該值 –

@ArunRaju，然後在循環前添加它。查看我更新的代碼。 –

@ArunRaju，我看到你在個人資料中沒有投票，你可能想查看一下：http://stackoverflow.com/help/why-vote –

if (data[0]) { 
       $('#SelectedServiceIds').html(""); 
$('#SelectedServiceIds').append('<option value="0" selected="selected">Choose Service</option>'); 
       $.each(data, function (key, value) { 
       $('#SelectedServiceIds').append(
       $("<option></option>").attr("value", value.ServiceID).text(value.ServiceName)); 
          }); 

        }

來源

2017-04-27 10:34:51

可以預先準備文字如下

if (data[0]) { 
       $('#SelectedServiceIds').html(""); 

       $.each(data, function (key, value) { 
       $('#SelectedServiceIds').append(
       $("<option></option>").attr("value", value.ServiceID).text(value.ServiceName)); 
          }); 

$("#SelectedServiceIds").prepend($("<option></option>").attr("value", -1).text("Choose Service").attr("selected",true)); 

        }

來源

2017-04-27 10:38:29 Komal

循環的這樣的begning前只需要加一個空的選項：

if (data[0]) { 
    $('#SelectedServiceIds').html("<option value=''>Choose Service</option>"); 
    $.each(data, function (key, value) { 
     $('#SelectedServiceIds').append(
      $("<option></option>").attr("value", value.ServiceID).text(value.ServiceName)); 
    }); 

}

來源

2017-04-27 10:39:00

如何將靜態選項添加到jQuery動態下拉列表

回答

相關問題