[英]Reset Select box values using jQuery
我有三個選擇框。 當我選擇第一個選擇框時,它會使用jQuery和AJAX(數據庫中的值)自動加載第二個和第三個選擇框的選項。
但是當我更改第二個選擇框的選項時,它應該根據第二個選擇框選項列出第三個選擇框值。但是現在我得到第三個選擇框選項作為第一個選項。
$(document).ready(function()
{
$("#cat").change(function()
{
var pc_id = $(this).val();
if(pc_id != '')
{
$.ajax
({
type: "POST",
url: "load_sub_cats.php",
data: "catid="+ pc_id,
success: function(option)
{
$("#subcat").html(option);
}
});
}
else
{
$("#subcat").html("<option value=''>-- No category selected --</option>");
}
if(pc_id != '')
{
$.ajax
({
type: "POST",
url: "load_qset.php",
data: "catid="+ pc_id,
success: function(option)
{
$("#questionset").html(option);
}
});
}
else
{
$("#questionset").html("<option value=''>-- No question set selected--</option>");
}
return false;
});
$("#subcat").change(function()
{
var pc_id = $(this).val();
//$("#questionset").html("<option value=''>-- Select Question set --</option>");
$("#questionset").empty();
if(pc_id != '')
{
$.ajax
({
type: "POST",
url: "load_subcat_qset.php",
data: "subcatid="+ pc_id,
success: function(option)
{
$("#questionset").html(option);
}
});
}
else
{
$("#questionset").html("<option value=''>-- No question set selected --</option>");
}
return false;
});
});`
我用empty()來清空選擇框。 但它沒有重置價值。
而不是empty(),嘗試這樣的事情:
$('#questionset')
.find('option')
.remove()
.end()
.append('<option value="whatever">text</option>')
.val('whatever')
;
有關詳細信息,請參閱此帖子
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.