我的JS选择器对于
    不起作用。

16 浏览
0 Comments

我的JS选择器对于
    不起作用。

我正在使用多个Bootstrap下拉控件,并且当选择特定下拉列表项时,需要向输入字段设置一个值。例如,假设我有3个下拉列表:

  • ulSaukContact
  • ulMoselContact
  • ulShipContact

所有这三个下拉列表都在服务器上运行,我需要获取每个下拉列表的值,以便将它们保存在某个地方。所以我想我应该将每个下拉列表的值保存到一个隐藏的输入字段中,以便以后引用。这是我尝试用于实现此功能的JS代码:

$("#ulSaukContact li a").on("click", function () {
    alert('sauk'); // <--- 不显示警告
    var elem = document.getElementById("inpSaukValue");
    elem.Value = $(this).text();
});

以及相关的标记

        
            
            
            

当我运行应用程序并在Saukville下拉列表中选择一个值时,没有显示警告。请注意,li和ul中的a是在Form_Load中创建的,以便可以填充数据。我认为我的选择器是错误的。我在Chrome中清除了缓存文件(之前引发了问题),但我仍然看不到警告。感谢所有最近的JS/BS/JQ建议,期待您的帮助...

0
0 Comments

因为在您尝试绑定事件的时候,元素还不存在,所以您需要将事件委托给包含元素,并使用on方法:

$("#ulSaukContact").on("click", "li a", function () {
  ...

解决方法就是使用on方法来委托事件给包含元素。

0