繁体   English   中英

Jquery脚本 - 使用输入文本填充选择,反之亦然

[英]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());
});

http://jsfiddle.net/snlacks/akhyp/1965/

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM