[英]Jquery script - Fill select with input text and vice versa
我有2个脚本需要组合,我基本上有一个脚本,允许在选择列表中选择项目时填充文本输入。 我还有一个脚本,根据文本输入的输入填充选择列表。 现在我想弄清楚我如何组合这两个脚本,以便它们可以一起工作。
下面是多选填充文本输入的示例。 http://jsfiddle.net/akhyp/1963/
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;
}
下面是基于输入填充多选的文本输入的示例。 http://jsfiddle.net/akhyp/1964/
$("#txt").change(function(e){
var ar = $(this).val().split(",");
$("#sel option").each(function(){
if(ar.indexOf($(this).val()) != -1)
$(this).attr("selected","selected");
});
});
我想要完成的是这样的:如果文本输入为null,则使用选择列表中的选定选项填充文本输入。 如果文本输入已填满,则根据文本输入的输入填写多重选择。
任何帮助,将不胜感激。
最后的更新:终于得到了我想要的结果,这里最终产品http://jsfiddle.net/akhyp/1966/已经在这个工作了几个星期可能几个月大声笑。 真的很高兴有这个工作。
我添加了另一个更改脚本函数,似乎已经使它工作了。 您的更改设置了所选,我的传输值。
$('#sel').change(function(){
$('#txt').val($('#sel').val());
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.