jQuery Chose插件如何从下拉列表中删除所选项目

时间:2017-01-30 20:38:52

标签: javascript jquery html css

我正在使用jquery选择在页面加载时使用两个输入框的插件...并且需要像这个例子中当我在第一个框中选择数字1时从第二个输入框中删除此数字....工作得很好......但问题是当我添加动态输入框时,我无法从添加的动态输入框中删除第1项。

所以问题是:当选择动态添加的其他输入框时,如何从输入框中删除选定的值,并且每个选择框中的选定项目在所有存在且已动态添加的选定框中都不可见?

这是jsfiddle:

[http://jsfiddle.net/dq97z/640/][1]

这是我需要的图片:

enter image description here

1 个答案:

答案 0 :(得分:1)

也许这会帮助你出局 http://jsfiddle.net/s9r73qjm/

   //an array to save selections
 var selectedVals = [];
//push to the array when we have selected
selectedVals.push(selectedValue);

//check on the values when building the drop down
$( "#btn_newrow" ).click(function() {
  var newList = document.createElement("select");
  newList.dataset.placeholder = "Number row 3";
  newList.style.width = "350px";
  var newListData = new Option("placeholder", "placeholder");
    for (var i = 0; i < 6; i++){
        if (selectedVals.indexOf(i.toString()) == -1){
        //then it hasn't been selected
      newListData = new Option(i.toString(), i.toString());
      newList.appendChild(newListData);
    }
        $( ".wrapper" ).append(newList);
    }

});