追加オプションデータを取得するにはどうすればよいですか？

Question

私はajaxから選択ボックスオプションのデータコールを受け取りました。このコードのような

function fn_callAreaDetail(){ 
      $("#caArea").empty(); 
      $("#caArea").append("<option>"+'select your address'+"</option>"); 
      var selectArea = $("#selectArea").val(); 
      $.ajax({ 
       type: "POST", 
       data: { 
        comCode : selectArea 
       }, 
       url: "<c:url value="/select/detailArea"/>" 
      }).success(function (data){ 
       for(var i in data){ 
        $("#caArea").append("<option value='"+data[i].comCode+"'>"+data[i].comValue+"</option>"); 
       } 
      }); 
     } 

次に、#caAreaオプション値を取得します。 私はこのデータをフォームに送信します。このような

function fn_createCafe(){ 
      console.log($("select[name=caArea]").val()); 
      console.log($("#caArea option:selected").val()); 



      $("#cafeInfoForm").attr("action", "<c:url value="/create/cafe"/>"); 
      $("#cafeInfoForm").submit(); 
     } 

#caエリアの値はどのように取得できますか？

Answer 1

Pure js approach;自己あなたは#caArea値をしたいですか説明

document.getElementById("button").onclick = getValue; 
 

 
function getValue() { 
 
    alert(document.getElementById("dropdown").value) 
 
}

<select id="dropdown"> 
 
<option>11</option> 
 
<option>12</option> 
 
<option>13</option> 
 
</select> 
 

 
<button id="button"> 
 
Find dropdown value 
 
</button> 
 
<p> 
 
click button to see the dropdown value 
 
</p> 
 

 
<p> 
 
<b>NOTE</b> replace button onclick with your form submit event 
 

 
</p>