Question

我有两个需要组合的脚本，我基本上有一个脚本，允许在选择列表中选择项目时填充文本输入。我还有一个脚本，根据文本输入的输入填充选择列表。现在我想弄清楚我如何组合这两个脚本，以便它们可以一起工作。

这是一个多选填充文本输入的示例。 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/已经在这个工作了几个星期，可能几个月大声笑。真的很高兴有这个工作。

Answer 1

我添加了另一个更改脚本功能，似乎已经使它工作了。您的更改设置了所选，并且我的传输值。

$('#sel').change(function(){
    $('#txt').val($('#sel').val());
});

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

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

1 个答案: