Javascript jQuery在按钮上单击selectize、select、remove和add选项

我在选择框上使用了Selectize

当通过单击外部按钮选择某个选项时，我正在尝试删除该选项。同样，单击外部删除按钮时，该选项应返回列表

我曾尝试使用Selectize提供的选项，但鉴于我的场景，我发现自己无法解决这个问题

请看一下我的代码：

---

这都是因为您正在使用的selectize库，如果您要插入、删除和诸如此类的内容，您应该通过selectize库api来使用它。 无论如何，我评论了您的selectize库，并修复了您的代码，使其可以在没有它的情况下工作，并且状态在被选中时将被隐藏，在从列表中删除时将再次显示。

$function{ //$'tax-statelist'。选择； $'body'。单击“addSalesTaxState”函数{ var selectedState=$'tax-statelist'.val； var selectedStateText=$“税务-州列表选项：已选定”。text； $'tax-statelist选项：已选择'。隐藏； $'tax-statelist'.val'default'； //$'tax-statelist选项：已选择'。隐藏； 如果selectedState==null{ 警报请先选择一个状态！； 回来 } 如果选择状态！=“默认”{ var stateTax=； 州税+=； 州税+=； 州税+=； 州税+=+所选州税+； 州税+=； 州税+=%； 州税+=； 州税+=； $'createnew-salestax-per'.appendstateTax //$'tax-statelist'。val'default'。触发'change'； } }; $'body'。单击，'.removestatetax'，函数{ $this.parent.parent.remove； var op_val=$this.parent.parent.find'.rightspace1'.html； $'tax-statelist选项[value='+op_val+']'。显示； $‘税收国家清单’。valop_val； }; }; .salestax状态删除按钮{ 边界：无； 大纲：无； 显示：块； 宽度：16px； 高度：16px； 保证金：0； 填充：0； 背景：urlhttp://cortechindia.com/wip/lag/images/icon_salestax-remove.png 不重复； } 选择州。。。 APO/FPO AA APO/FPO AP APO/FPO AE 阿拉巴马州 阿拉斯加州 亚利桑那州 阿肯色州 加利福尼亚 科罗拉多州 康涅狄格州 特拉华州 哥伦比亚特区 佛罗里达州 佐治亚州 夏威夷 爱达荷州 伊利诺伊州 印第安纳州 爱荷华州 堪萨斯州 肯塔基州 路易斯安那州 缅因州 马里兰 马萨诸塞州 密歇根 明尼苏达州 密西西比 密苏里州 蒙大拿 内布拉斯加州 内华达州 新罕布什尔州 新泽西州 新墨西哥州 纽约 北卡罗来纳州 北达科他州 俄亥俄州 奥克拉荷马 俄勒冈 宾夕法尼亚 罗德岛 南卡罗来纳州 南达科他州 田纳西州 得克萨斯州 犹他州 佛蒙特州 弗吉尼亚州 华盛顿 西弗吉尼亚州 威斯康星州 怀俄明州 美属萨摩亚 关岛 北马里亚纳群岛 波多黎各 美国小离岛 维尔京群岛 添加

---

此链接显示使用selectize删除选项：。您好，我已经可以不使用selectize执行此操作。我的页面中的所有其他表单都在使用selectize，因此我尝试使用它来实现这一点。

$(function(){
  $('#tax-statelist').selectize();

$('body').on('click', '#addSalesTaxState', function() {


var selectedState = $('#tax-statelist').val();

var selectedStateText = $('#tax-statelist option:selected').text();

if(selectedState != 'default') {
  var stateTax="";

stateTax += "<div class=\"commonclass-flex bottomspace1\">";
stateTax += "                         <input class=\"selectedStateText\" type=\"hidden\" value="+selectedStateText+" name=stateText[] \/>";
stateTax += "                         <input class=\"selectedStatePrefix\" type=\"hidden\" value="+selectedState+" name=stateprefix[] \/>";
stateTax += "                         <label class=\"rightspace1\">"+selectedState+"<\/label>";
stateTax += "                         <input class=\"inputstyle3\" name=statetaxvalue[] type=\"text\" value=\"\" required\/>";
stateTax += "                         <span>%<\/span>";
stateTax += "                         <div class=\"salestax-stateremove\"><button type=\"button\" class=\"removestatetax button-resets tooltip\" title=\"Remove State\"><\/button><\/div>";
stateTax += "                       <\/div>";

$('#createnew--salestax-per').append(stateTax)
$('#tax-statelist').val('default').trigger('change');
}
});

$('body').on('click', '.removestatetax', function() {
  $(this).parent().parent().remove();
});  

});