jquery使用.load方法下拉列表

Question

如何使用jquery ajax .load函數進行下拉列表？

這是我的PHP頁面

<? 
$query="SELECT Name FROM supplier"; 
$result=mysql_query($query); 
?> 
<select name="ddlSupplier"> 
<option>Supplier Name</option> 
<? while($row=mysql_fetch_array($result)) { ?> 
<option value><?=$row['Name']?></option> 
<? } ?> 
</select> 

如何加載後獲得價值？

$("#ddlSupplier").val()? this.val()? 

Answer 1

我沒有你的標記在其上調用​​，所以我要利用#placeholder爲選擇器，你將被注入下拉：

$('#placeholder').load('yourphppage.php', function(html) { 
    $(this).find('select[name=ddlSupplier]').val(); 
}); 

注意回調在HTML插入後調用，因此您可以執行find()。 Docs：

如果提供一個「完整」的回調，之後 後處理被執行，HTML插入已執行。回調是 爲jQuery集合中的每個元素觸發一次，並且依次爲每個DOM元素設置 。

Answer 2

你應該能夠得到它，你與.val()

$(function() { 
    $("#ddlSupplier").on('change', function() { 
     var value = $(this).val(); 
    }); 
}); 

Answer 3

兩個問題說：

首先在PHP，你試圖通過ID選擇下拉但你並沒有設定一個。所以補充說。此外，您實際上並沒有提供<option>的值，所以也添加了該值。

<? 
$query="SELECT Name FROM supplier"; 
$result=mysql_query($query); 
?> 
<select id="ddlSupplier" name="ddlSupplier"> 
<option>Supplier Name</option> 
<? while($row=mysql_fetch_array($result)) { ?> 
<option value="<?=$row['Name']?>"><?=$row['Name']?></option> 
<? } ?> 
</select> 

最後，在JS，你需要獲得選擇選項的值，而不是select列表的值（如select沒有一個值）。

$("#ddlSupplier option:selected").val()