У меня есть раскрывающийся список выбора, который выглядит так:
<form autocomplete="off" method="post" action="/search.html" name="asearch">
<select id="ingredient" name="attributes[3]" onchange="asearch.submit()">
<option value="16" />Biscuits
<option value="3" />Bites
<option value="6" />Bones
<option value="18" />Chews
<option value="9" />Popcorn
<option value="56" />Shanks
<option value="1" />Sticks
<option value="140" />Toy</select>
<input type="hidden" name="advanced" value="1" /></form>
Я хочу преобразовать это поле выбора в неупорядоченный список, но мне нужно как-то сохранить значения параметров и связать новые ссылки с этими значениями.
До сих пор мне удалось найти небольшой кусок jquery, чтобы преобразовать выпадающее меню select в список, но когда я это делаю, он также удаляет значения, а это означает, что все ссылки просто ссылаются на никуда. Есть ли способ сделать это? Сохранение ценностей и их преобразование в href?
Заранее спасибо!!
Легким решением было бы сделать это так
$('#ingredient option').each(
function() {
$('#list').append('<li><a href="/'+$(this).val()+'">'+$(this).text()+'</a></li>');
}
);
и HTML
<form autocomplete="off" method="post" action="/search.html" name="asearch">
<select id="ingredient" name="attributes[3]" onchange="asearch.submit()">
<option value="16" />Biscuits
<option value="3" />Bites
<option value="6" />Bones
<option value="18" />Chews
<option value="9" />Popcorn
<option value="56" />Shanks
<option value="1" />Sticks
<option value="140" />Toy</select>
<input type="hidden" name="advanced" value="1" /></form>
<ul id="list">
</ul>
Вот FIDDLE