如何从隐藏输入中填充多选输入,反之亦然
How to fill a multi select input from a hidden input and vice versa?
所以我有一个地址簿工具,我使用它来设置http://www.phpkobo.com/address_book.php.我还设置了Select2,这是一个jquery插件,可以管理多个select输入https://select2.github.io/examples.html.
所以这个地址簿工具不允许你设置多选输入,所以我不得不通过创建多选输入来绕过这个问题,然后将你选择的输入复制到隐藏输入中。使用下面的脚本,我成功地将选定的项目自动复制到我的隐藏输入中。
function loopSelected()
{
var txtSelectedValuesObj = document.getElementById('hidden_input');
var selectedArray = new Array();
var selObj = document.getElementById('selected_items');
var i;
var count = 0;
for (i=0; i<selObj.options.length; i++) {
if (selObj.options[i].selected) {
selectedArray[count] = selObj.options[i].value;
count++;
}
}
txtSelectedValuesObj.value = selectedArray;
}
所以这个脚本运行得很好,但问题是,当我编辑一个条目时,我的多选输入是空的,因为所有数据都保存在隐藏的输入上。我想知道如何用隐藏输入中的数据填充多选输入,反之亦然?
如有任何帮助,我们将不胜感激。
以下是我工作的一个例子:https://jsfiddle.net/akhyp/1956/
通过这个线程Jquery脚本获得了一些帮助-用输入文本填充select,反之亦然
以下是按要求工作的最终产品:http://jsfiddle.net/akhyp/1966/
$("#txt").bind('keyup' , function(e){
var ar = $(this).val().split(",");
$("#sel option").each(function(){
if(ar.indexOf($(this).val()) != -1)
$(this).attr("selected","selected");
});
});
$('#sel').change(function(){
$('#txt').val($('#sel').val());
});
相关文章:
- 为什么不't Javascript对我的输入值进行了一些重新检查
- 可以't让我的if语句处理js中的html表单输入
- 名称输入的索引
- 如何编写HTML输入的JS内联
- 要求输入在数据列表中
- 将输入字段中的文本提交到我的数据库,同时将其添加到我的列表中
- 让文本输入幻灯片显示输入时的新文本输入?然后向后滑动
- 如何将输入(type=text)从html表单传递到javascript函数
- 如何从隐藏输入中填充多选输入,反之亦然
- 更改输入文本以选择选项,反之亦然
- 如何选择当前输入字段,然后禁用并清空下一个字段(反之亦然)
- 如何将数字转换为货币,反之亦然?(html输入/输出)
- 如何在React中进行两天的数据绑定,当输入值A更新时B更新,反之亦然,同时保留以前转换的历史记录
- 如何使用react进行双向数据绑定,使输入值A在B更新时更新,反之亦然
- 在HTML画布/Javascript上捕获用户输入,反之亦然
- 从span标签转换为输入框,反之亦然
- 表单与复选框输入字段,反之亦然-缺少第一个值
- 新的webkit在数字类型输入中将十进制逗号转换为~ dot,反之亦然.该浏览器特性的Javascript名称
- 如果未选中复选框,则禁用html中的文本输入,反之亦然
- $dirty标志在文本框中输入值时设置为true,但反之亦然