Question

如果我有：

<select name="select2" >
   <option value="99">Big Option test</option>
   <option value="100">Option 2</option>
   <option value="101">Option 3</option>
   <option value="102">Option 4</option>
   <option value="103">Option 5</option>
   <option value="104">Option 6</option>
   <option value="105">Option 7</option>
   <option value="106">Option 8</option>
</select>

jqtransform：

<ul style="width: 286px; display: block; visibility: visible;">
   <li style=""><a index="0" href="#" class="selected">Big Option test</a></li>
   <li><a index="1" href="#">Option 2</a></li>
   <li><a index="2" href="#">Option 3</a></li>
   <li><a index="3" href="#">Option 4</a></li>
   <li><a index="4" href="#">Option 5</a></li>
   <li><a index="5" href="#">Option 6</a></li>
   <li><a index="6" href="#">Option 7</a></li>
   <li><a index="7" href="#">Option 8</a></li>
</ul>

它失去了真正的价值!!

我通过改变这个来解决这个问题：

$('option', this).each(function(i)
{
   var oLi = 
         $('<li><a href="#" index="'+ i +'">'+ $(this).html() +'</a></li>');
         $ul.append(oLi);
});

为：

$('option', this).each(function(i, k){
   var oLi = 
       $('<li><a href="#" index="'+ k.value +'">'+ $(this).html() +'</a></li>');
       $ul.append(oLi);
    });

这可以吗？我做错了什么？

Answer 1

您不需要这样做，当您提交表单时，它将采用相应的选项值！

索引和值彼此无关！

jQuery插件 - 下拉列表中的jqTransform BUG值选项

1 个答案: