启动时设置asmselect id

Question

有没有办法为asm select设置id而不是自动启动？ 先谢谢你。

<select multiple id="mySelect">
   <option value="volvo">Volvo</option>
   <option value="saab">Saab</option>
   <option value="opel">Opel</option>
   <option value="audi">Audi</option>
</select>

$("#mySelect").asmSelect({
    animate: true,
    addItemTarget: 'bottom'
});

我不希望asmSelect id为“asmSelect0”，请告诉我如何更改它。谢谢。

Answer 1

看起来这个插件呈现了原始选择元素的全新视觉表示，然后隐藏它。新选择容器的ID是options.selectClass + index的组合。 selectClass被硬编码到插件中，index在内部确定。作者没有留下任何暴露的方法来改变这些变量。

如果您希望此ID不同，则需要更改插件代码中的options对象，或者在调用插件后使用JavaScript更改元素的ID。

要在之后更改ID，只需使用JQuery .attr method

即可

$('#asmSelect0').attr('id', 'newId'); 

将newId替换为您选择的ID。