如何获得附加选项数据？

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();
        }

那么如何获得#caArea值？

Answer 1

纯粹的js方法;自我解释

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>