DOM加載后如何使用jQuery從Select輸入中獲取值

Question

我試圖獲取select的值，但它一直返回undefined 。 我到過很多地方，但似乎找不到解決方法。 我知道這與之前加載DOM和看不到我的select 。 關鍵是，在更改select的值后，我確實到了說undefined的地步。

var getMethod = function(select) {
    var method = select;
    var d = $(method).val();
    return d;
}

$(document).on("change", "#select-main", function() {
    $("#container").replaceWith("<div class='containter text-center'><h1>Loading...</h1><i class='fa fa-spinner fa-pulse fa-5x'></i></div><br>");
    $("#container-table").remove();
    $("#header").remove();
    $("#export-button").remove();

    var newSelect = getMethod("#select-main");
    var newData = getDataToSend(links, newSelect);
    mainFunc(newSelect, newData);
});

上面的代碼在使用.val()時會產生未定義的，因為它沒有看到新的輸入，但是當我在input上調用.on()事件時，我可以執行alert("HERE!");類的事情alert("HERE!");

有什么建議嗎？

Answer 1

如果您想要的是應該在options標記之間的文本值，請使用text（）;。 那是

$(method).text()

val用於選擇中value屬性的值，因此

<select id="myselect">
  <option value="5">Prof</option>
</select>

$('#myselect').val()是5 $('#myselect').text()是教授

我會嘗試這個

 $(document).on("change", "#select-main", function() {



var valueYouAreLookingFor = $(this.selectedOptions).text();

console.log(valueYouAreLookingFor);


});

http://jsfiddle.net/sudakatux/fLy3hpem/

希望能幫助到你