春ブーツアヤックスは、動的に

Question

こんにちは、私は、リストに移入したいselectタグは、ここで説明するためにいくつかのコードをオブジェクト持っている私は、次の質問を持っている一人一人、オプションの選択を移入します産業モデルのリストは、以下のiは

function industryAjax() 
 
{ 
 
\t alert("i am here") 
 
var businessNatureId= $("#industrySelect option:selected").val(); 
 
\t 
 
\t $.ajax({ 
 
\t \t url : getContextPath() + "/getAllIndustries", 
 
\t \t type : "get", 
 
\t \t success : function(response) { 
 
\t \t \t $('#industrySelect').empty(); 
 
\t \t \t $('#industrySelect').append($('<option>', { 
 
\t \t \t  value: 0, 
 
\t \t \t  text: 'Select' 
 
\t \t \t })); 
 
\t \t \t for (item in response) { 
 
\t \t \t \t $('#industrySelect').append($('<option>', { 
 
\t \t \t \t  value: response[item].industryId, 
 
\t \t \t \t  text: response[item].industryInEnglish 
 
\t \t \t \t })); 
 
\t \t \t } 
 
\t \t }, 
 
\t \t error : function(e) { 
 
\t \t \t // alert("Submit failed" + JSON.stringify(e)); 
 
\t \t } 
 
\t }); 
 
}

そして、ここで私が使用していますジャバスクリプトです私のhtml

<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4"> 
 
\t <label>Industry</label> <select class="form-control m-b" 
 
id="industrySelect" name="industryId" onchange="industryChange();"> 
 
\t \t <option value="0">Choose Industry</option></select> 
 
<p id="chooseIndustry" style="color: red;">please choose a valid industry</p> 
 
</div>

それでは、どのように私はよろしく

Answer 1

、私はHTMLでコントローラから取得する産業の一覧を表示することができますこのメソッドはなっていない場合があります最初にドロップダウンに要素が含まれていないために呼び出されます。したがって、onchangeイベントは発生しません。実装の下に使用して

試してみてください。

$(document).on('click', "#industrySelect", function(event) { 
    industryAjax(); 
});