Если у меня есть:
<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);
});
Это нормально?я делаю что-то не так?