javascript - 如何重置我的许多选择框值?
问题描述
我在使用选择的选择插件时遇到问题。我有很多选择框,我使用 javascript 代码制作了它。当我更改“默认选择”类时,我想重置所有选择框,但在我的屏幕上显示的文本是默认消息(“选择一个选项......”)而不是我的“未选择”消息。
这不是真正的代码,但类似。
function appendSelectBox(i) {
$(myTable).append(
"<select id=\select-a" + i + "\" class=\"form-control chosen-select for-history select-a\">" +
"<option value=\"-1\">not chosen</option>" +
"</select>");
}
for (var i = 0; i < 10; i++) {
appendSelectBox(i);
}
$(".select-term").chosen().change(function(event) {
var trIndex = tableForm.getTrIndex($(this));
tableForm.addTermUrl(trIndex);
});
$(".default-chosen").chosen().change(function(event) {
// here is the code that remove selected option and set default value
})
我尝试了所有代码,例如底部代码。
$('.select-a').find('option:first-child').prop('selected', true).end().trigger('chosen:updated');
$('.select-a').find('option').removeAttr('selected').end().trigger('chosen:updated');
$('.select-a').val(-1).trigger("chosen:update");
$('.select-a').val(-1).trigger("liszt:update");
$('.select-a').val("-1").trigger("chosen:update");
$('.select-a').val("").trigger("chosen:update");
请帮忙,, :[
解决方案
就我而言,我选择的更改事件侦听器已重置,因此我必须在我的代码中重新注册..
推荐阅读
- node.js - return 不会停止在请求中执行代码
- java - Janusgraph 库无法在 kerberos 环境中与 hbase 通信(无法指定服务器的 Kerberos 主体名称)
- jquery - 使用jquery根据数据属性中的最小值和最大值选择div
- sql - 在 SQL 中设置自定义请求标头,查询期望在标头中传递会话的 REST API
- gradle - 如何使用 -P 将命令行参数传递给 build.gradle 脚本并将该参数用作依赖包
- jquery - Photoshop 2015 扩展无法访问所有数组项
- django - 尽管模板文件夹中存在 Django 模板,但未找到它
- node.js - 使用 Puppeteer 拦截文档下载并提取 CSV 数据
- javascript - 调试显示更多显示更少按钮 - 缺少文本段落
- linux-kernel - 不同 ebpf 程序类型之间的地图共享