Javascript 使用ajax和php将数据从数据库检索到html下拉列表时遇到问题?

Javascript 使用ajax和php将数据从数据库检索到html下拉列表时遇到问题?,javascript,html,jquery,Javascript,Html,Jquery,我正在将数据库中的数据作为选项检索到下拉列表中,我有一个添加按钮,可以添加下拉列表 这里我从数据库中获取选项,所以有两个选项,所以我添加的每个下拉列表都应该有两个选项,问题是 第一次,第一个下拉菜单有两个下拉菜单,当我添加另一个下拉菜单并再次访问时,第一个下拉菜单显示的是四个选项,这两个选项是加倍的,就像我添加第三个下拉菜单时,每个选项显示3次,即9个选项,但我只想每次显示2个选项 代码在这里 我一直禁用添加fa图标,但它不工作,即如果我选择任何选项,只有fa图标应该启用,我为此编写了代码,但不

我正在将数据库中的数据作为选项检索到下拉列表中,我有一个添加按钮,可以添加下拉列表 这里我从数据库中获取选项,所以有两个选项,所以我添加的每个下拉列表都应该有两个选项,问题是

第一次,第一个下拉菜单有两个下拉菜单,当我添加另一个下拉菜单并再次访问时,第一个下拉菜单显示的是四个选项,这两个选项是加倍的,就像我添加第三个下拉菜单时,每个选项显示3次,即9个选项,但我只想每次显示2个选项 代码在这里 我一直禁用添加fa图标,但它不工作,即如果我选择任何选项,只有fa图标应该启用,我为此编写了代码,但不工作 //选择选项功能 $document.onchange、.drop、函数{ //选择时启用按钮 $'seedoc'.prop'disabled',false } //回应 var res={ 用户:[p style='margin:0px;display:none;'data-id='755'>amilham

a_sarabi'

] } 函数getEmails{ res.users.forEachfunctionoption{ $'.drop'.append+option+; }; } 函数addOne{ $'container'。附加选择您的选项; 获取电子邮件; } 获取电子邮件; 选择您的选项 邮寄 每次从数据库加载新项时,都会附加标记。只需先清理下拉列表,或用新下拉列表替换已有下拉列表:

function getEmails() {
  $('.drop').html('');
  res.users.forEach(function(option) {
    $('.drop').append('<option data-id=' + $(option).attr('data-id') + '>' + option + '</option>');
  });
}
然后,注册图标单击操作并在其中添加条件:

$(document).on("change", ".drop", function() {

  $('#seedoc').data().enabled = 1; //set data-enabled to true instead of disabled = false

});

$(document).on("click", "#seedoc", function(e) {

  if ($(this).data().enabled) addOne();

});
每次从数据库加载新项时,都会附加标记。只需先清理下拉列表,或用新下拉列表替换已有下拉列表:

function getEmails() {
  $('.drop').html('');
  res.users.forEach(function(option) {
    $('.drop').append('<option data-id=' + $(option).attr('data-id') + '>' + option + '</option>');
  });
}
然后,注册图标单击操作并在其中添加条件:

$(document).on("change", ".drop", function() {

  $('#seedoc').data().enabled = 1; //set data-enabled to true instead of disabled = false

});

$(document).on("click", "#seedoc", function(e) {

  if ($(this).data().enabled) addOne();

});

@KarolPawlak谢谢你的回答看到这把小提琴禁用和启用功能不工作请帮助我@Karol Pawlak你能帮我一下吗!当然有:1。从图标中删除onclick=addOne。2.从if$this.data.enabled中删除一个结束括号-我的错,我拼错了。如果$this.data.enabled这里是正确的小提琴:@Karol Pawlak,但在第一个下拉菜单中没有选择任何选项的情况下,图标仍然没有被禁用。我可以单击该图标,它显示下一个图标,在正确的小提琴中没有图标,请帮助!在你分享的小提琴中,我看不到图标@Karol Pawlak@KarolPawlak谢谢你的回答看到这个小提琴禁用和启用功能不工作请帮助我@Karol Pawlak你能帮我一下吗!当然有:1。从图标中删除onclick=addOne。2.从if$this.data.enabled中删除一个结束括号-我的错,我拼错了。如果$this.data.enabled这里是正确的小提琴:@Karol Pawlak,但在第一个下拉菜单中没有选择任何选项的情况下,图标仍然没有被禁用。我可以单击该图标,它显示下一个图标,在正确的小提琴中没有图标,请帮助!在你分享的小提琴中,我没有看到图标@Karol Pawlak