0

我无法让下面的代码正常工作我没有收到任何错误。我需要的是在#equipmentList1更改时显示与选择相对应的下拉列表。然后根据后面下拉列表的选择,它应该只将选择的下拉列表的值写入equipmentList2DIV。selectedVisibleValue1包含选择第一个下拉列表后出现的字段的 ID 我尝试将其传递给第二个函数以使用它来编写它,innerHTML但它的行为就像它没有接收到变量一样,因为没有任何反应。也许我的代码中的其他地方有错误。我是 jQuery 的新手,所以如果有人可以看看,让我知道有什么问题,那就太棒了。

$(document).ready(function () {
  $('#equipmentList1').bind('change', function () {
    var elements = $('div.equipmentList2').children().hide(); // hide all the elements
    var value = $(this).val();    

    if (value.length) { // if somethings' selected
      elements.filter('.' + value).show(); // show the ones we want
      var selectedVisibleValue1 = $(".equipmentList2 select:visible").attr("id");
    }
  }).trigger('change');
});   

$(document).ready(function () {
  $("#" + selectedVisibleValue1).bind('change', function () {
    var value = $(this).val();  

    if (value.length) {
      var equipment = document.getElementById("equipmentList1").value;
      document.getElementById('equipmentList2').innerHTML = selectedVisibleValue1;
    }
  }).trigger('change');
});
4

1 回答 1

1

你不需要两个$(document).ready(...)函数,只需要一个,把所有的代码放在其中一个。我不确定这是问题的原因,但很有可能。

于 2013-01-29T22:27:47.780 回答