如何獲得動態添加選項的選定值

Question

以下選項是通過ajax調用動態添加的。現在我想獲得選定的值並進一步使用它。

<select class="form-control" name="product" id="product"> 
    <option value="1" selected="selected">sku_MOTOE</option>//added dynamically 
    <option value="2">sku_C</option>//added dynamically 
    <option value="3">sku_S2</option>//added dynamically 
    <option value="4">sku_S5</option>//added dynamically 
</select> 

的jQuery：

$(function() { 
    $("#product").load("/bin/getcontent?type=options"); 
    console.log($("#product option:selected").val());//null 
}); 

Answer 1

注意，​​是一個異步函數調用。繼.load()方法聲明是立即執行這樣你得到null

您需要使用.load()的完整的回調方法

請求完成時執行的回調函數。

腳本

$("#product").load("/bin/getcontent?type=options", function(){ 
    console.log($("#product option:selected").val()); 
    //Or, console.log($("#product").val()); 
}); 

Answer 2

你需要等待裝載完成：

$(function() { 
    $("#product").load("/bin/getcontent?type=options", function() { 
     console.log($("#product option:selected").val()); 
    }); 
}); 

load是異步的代碼（執行console.log）的下一行之前的運行加載完成加載選項。

您可以將函數/回調函數傳遞給load的「complete」參數，並在加載完成後調用它。