遍历<选择>使用jQuery +多选

https://stackoverflow.com/questions/438538

22-07-2019
|

题

这是不是作为一个可能认为相当直线前进。我使用的是被称为插件 jQuery的多选和多个<选择如下使用XSLT>选项：

<xsl:for-each select="RootField">
  <select id="{RootField}" multiple="multiple" size="3">
    <option value=""></option>
    <xsl:for-each select="ChildField">
      <option value="{ChildField}"><xsl:value-of select="ChildField"/></option>
    </xsl:for-each>
  </select>
</xsl:for-each>

所附JavaScript是如下：

var selects = document.getElementsByTagName("select");

$.each(selects, function() {
  $(this).multiSelect();
});

这使我以应用多选（）;功能到每一个<选择>在页面上。

行为是很奇怪的，所有其他的

有帮助吗？

解决方案

我没有听说前的“万圣节问题”的标签，但罗伯特可能是正确的。结果从返回的getElementsByTagName节点列表是动态的，即添加或删除，在这种情况下选择，将改变它节点列表被创建后。

试

//hoping for magic here
$('select').multiSelect();

或

$('select').each( function() {
    $(this).multiSelect();
});