jQuery fancyform 仅适用于第一个元素答案

【问题标题】：jQuery fancyform only works on first elementjQuery fancyform 仅适用于第一个元素
【发布时间】：2013-01-11 12:33:06
【问题描述】：

使用此脚本设置表单样式：http://lutrasoft.nl/jQuery/fancyform/

我的网站在 smarty 中动态生成表单，而 jQuery 只在第一个 select 元素上工作，所以我怎样才能让它同时在这两个元素上工作？

<script type="text/Javascript">
{literal}
$("#select").transformSelect();
{/literal}
</script>

这是我尝试过的，但仍然只适用于第一个元素

<script type="text/Javascript">
{literal}
$("#select").each(function() {
var $this = $(this);
$this.transformSelect();
});
{/literal}
</script>

【问题讨论】：

您的两个元素是否使用相同的 id？如果是这样就行不通了。将您的 ID 更改为 class 和您的 sjquery 选择器。
是的，我正在使用一个 ID，只是将其更改为 class，现在它正在工作，谢谢我的朋友。
如果您想更改所有选择标签，您也可以使用：$("select").transformSelect(); 而不是类。

标签： jquery forms loops styles fancyform

【解决方案1】：

$("#select").each(function() { 看起来您有多个具有相同 ID 的选择..（ID 应该始终是唯一的）

把它改成class..然后\试试这个

 $(".select").each(function() {

【讨论】：

【解决方案2】：

这样使用。它会影响所有的选择框，而不需要 ID 或 Class

<script type="text/Javascript">
   {literal}
   $(":select").each(function() {
     var $this = $(this);
     $this.transformSelect();
   });
   {/literal}
</script>

【讨论】：