根據db中的值選擇jquery中的下拉值

我有一個單選的HTML下拉列表。我想根據從數據庫中獲得的值選擇一個值。根據db中的值選擇jquery中的下拉值

<select name="aa"> 
    <option>BE</option> 
    <option>TE</option> 
    <option>SE</option> 
</select>

我從數據庫中獲得值「TE」，然後我嘗試了3種方法設置所選的關聯選項標記。

if($m_aa == "TE"){ 
$script = <<< EOF 
<script type='text/javascript'> 
    jQuery(document).ready(function($) { 
     // $('#aa option:contains("' + BE + '")').attr('selected', 'selected'); //won't work 
     // $('#aa option:eq(0)').attr('selected', 'selected'); //won't work 
     $('#aa option:eq(1)').prop('selected', true); //won't work 
    }); 
</script> 
EOF; 
echo $script; 
} 
.... 

<dropdown list>

但是3種可能性都不起作用。 Firebug不顯示任何錯誤，如果我添加一個alert（）;它會顯示。所以在語法上它應該沒問題。我在一個wordpress插件中使用jquery 1.8.6版本，其中應用了上面提到的這個功能。

BR， mybecks

來源

2012-10-29 mybecks

要設置<select>的選擇的選項，你可以使用.val()功能：

<script type='text/javascript'> 
    jQuery(document).ready(function($) { 
     $('#aa').val('<?php echo $m_aa; ?>'); 
    }); 
</script>

另外，我注意到，您有<select name="aa">，您還應該添加id="aa"以使代碼正常工作，或將選擇器更改爲$('select[name=aa]')。

來源

2012-10-29 10:40:39 Christoffer

其實他唯一的錯誤是試圖通過id選擇選項時，它應該是按名稱。因此，只需將選擇器更改爲'$（'select [name =「aa」]選項：eq（1）'）。prop（'selected'，true）;'效果很好。你的選擇也應該運作良好。 – Bogdan

感謝您的回答和評論。 @Christoffer解決方案非常適合我，將它與動態數據結合使用。 :-) – mybecks

嘗試使用jQuery 1.7.x版

來源

2012-10-29 10:39:42 Jai

根據db中的值選擇jquery中的下拉值

回答

相關問題