Как мне преобразовать параметры выбора в список, но сохранить значения?

0

У меня есть раскрывающийся список выбора, который выглядит так:

<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?

Заранее спасибо!!

Теги:
select
list
options

1 ответ

1
Лучший ответ

Легким решением было бы сделать это так

$('#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

  • 0
    Благодарю. Это работает, но ссылки никуда не ходят. Возможно, то, что я прошу, не возможно. Это улучшенное меню поиска для веб-сайта электронной коммерции, поэтому исходные значения параметров на самом деле связаны для уточнения поиска товаров. Мне нужны новые ссылки, чтобы сделать то же самое. Либо так, либо мне нужно полностью изменить внешний вид поля выбора и параметров, чтобы они выглядели как обычные ссылки href.
  • 0
    Вы должны настроить ссылки. Я не могу знать, где ссылки должны идти и как они выглядят. Вы должны знать, можете ли вы создать правильную ссылку со значением (16, 3, 6, 18, 9, 56 ...)

Ещё вопросы

Сообщество Overcoder
Наверх
Меню