簡體   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