在JQuery/Ajax中刷新后清除或重置下拉列表的选项
clear or reset options of dropdown after refresh in JQuery/Ajax
刷新后如何清除选择框的选项。。。我有两个选择框,刷新后它们的值都没有清除或重置我在代码点火器工作这是我的密码。
<?php echo form_dropdown('cat_id', $records2, '#', 'class="cho" id="category"');?>
<script type="text/javascript">//
$(document).ready(function(){
$('#category').change(function(){
$("#items > option").remove(); //it is not working
var category_id = $('#category').val();
$.ajax({
type: "POST",
url: "testController/get_items/"+category_id,
success: function(items)
{
$.each(items,function(item_id,item_name)
{
var opt = $('<option />');
opt.val(item_id);
opt.text(item_name);
$('#items').append(opt);
});
}
});
});
});
// ]]>
尝试
$("#items").empty();
empty()
方法将清除所有html
API参考http://api.jquery.com/empty
而不是
$("#items > option").remove(); //it is not working
试试这个
$("#items).html("");
这里是简单的jsFiddle为你
更新:
您还可以考虑先构建选项标记,然后立即替换它,而不是按顺序追加项。
$("#category").change(function(){
var category_id = $("#category").val();
$.ajax({
type: "POST",
url: "testController/get_items/" + category_id,
success: function(items)
{
var options = "";
$.each(items, function(item_id, item_name)
{
options += "<option value='"" + item_id + "'">" + item_name + "</option>";
});
$("#items").html(options);
}
});
});
$('#items')
.find('option')
.remove()
.end();
IE6
$('#items')
.empty();
document.ready事件处理程序中没有任何内容。一切都包含在$('#category'(.change(function(({意味着页面刷新时不会发生任何事情。
相关文章:
- 使用Ajax或JavaScript选择下拉列表选项后,在同一页面上执行PHP脚本
- webforms:在javascript中动态添加下拉列表选项
- 动态下拉列表选项在添加多列后未填充
- 如何在从代码后面显示之前,在弹出窗口中选择预先填充的下拉列表选项
- 删除基于先前下拉列表选择的“选择下拉列表”选项
- Yii-如何获得下拉列表选项值与列表中的文本相同
- 动态生成的下拉列表选项的挖空绑定
- 如何阻止用户选择下拉列表选项而不“禁用”它
- 使用JavaScript / jQuery向价格计算器添加下拉列表选项
- 用省略号设置下拉列表选项
- 如何使用服务器生成的数组中的值动态更新下拉列表选项
- html下拉列表选项
- 为依赖下拉列表选项提供一个值以创建函数
- 如何根据下拉列表选项弹出单选按钮供用户输入
- ASP.. NET下拉列表选项取决于其他下拉列表中选择的选项
- jQuery基于下拉列表选项更改文本
- 获取字符串,但不获取下拉列表选项选择中的值
- 使用 javascript 数组创建的下拉列表选项在 IE 中不可见
- 如何在量角器测试中获得具有相同类的不同下拉列表选项
- 输入下拉列表“选项值”;变成javascript函数