繁体   English   中英

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

[英]jQuery Chose plugin how to remove selected item from drop down

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

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

这是jsfiddle:

[http://jsfiddle.net/dq97z/640/][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);
    }

});

暂无
暂无

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

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