Как изменить Select с помощью JS
Здравствуйте уважаемые друзья, надеюсь я в правильную тему пишу...
С толкнулся с такой проблемой, которую вообще не понимаю, и не знаю куда обратиться. В общем, нужно изменить select с помощью js, а знаний полный ноль, программисты за эту доработку просят 20к... Надеюсь что тут найдется знаток который поможет в решении моего вопроса. В общем, есть фильтр товаров для сайта, хочется немного изменить его внешний вид и упростить пользователям жизнь... Собственно, хочется после выбора элемента в списке select обвести селект бордером, а после возврата на "выберите элемент" снять бордер. И по кнопке "сбросить" сбросить все селекты на исходную... Вроде бы скрипт нашел, но как его подключить, мозга не хватает. Дело в том, что все селекты размещены в js файле, и как там подключить скрипт я тупо не знаю... Вот собственно код селекта case ("list"): { t+="<select "+t_change+" name='" +name_prefix_dynamic_pole_form+data_one_properties["id_properties"]+"' >"; t+="<option value='-1' style=\'color:#1DA5EA;\'>"+t_name_pole+"<\/option>"; for (j=0;j<mas_values_properties.length;j++) { one_values=mas_values_properties[j]; t_selected=""; if ( on_value_pole ) { if (meaning_pole == one_values["id_value"]) { t_selected=" selected='selected' "; } } t+="<option value='"+one_values["id_value"]+"' "+t_selected+" >"+one_values["name_value"]+"</option>"; } t+="</select>"; //t+=t_block_dynamic; break; } А вот скрипт который я нашел <script type="text/javascript"> $(document).ready(function() { $('#spisok').change(function() { if ($("#spisok :selected").val()!="Выберите элемент") { $("#spisok").css("border-color", "red"); } }); $('#reset').click(function() { $("#spisok").val($("#spisok option:first").val()); $("#spisok").css("border-color", "black"); }) }); </script> И кнопка сброса <a id="reset" href="javascript;"><img src="http://yt3.ggpht.com/-pkLvubnGvNI/AAAAAAAAAAI/AAAAAAAAAAA/xjKevn1itoM/s900-c-k-no/photo.jpg"></a> Так как я понял, этот скрипт должен менять селекты после выбора элемента, и снимать бордер после нажатия на кнопку "Сбросить" или мышкой вернуться на исходную в селекте, но как бы я не упирался, ничего не работает... Как это разместить в файле js я не знаю, помогите пожалуйста решить проблему... Заранее огромное спасибо, если надо сам js файл я скину. |
Alex921,
искать кастомизация селекта |
Искал, что я только не искал, но не работает ничего, трудно искать то, чего не понимаешь(
|
Alex921,
вам сложно помочь... недостаточное описание и локализация проблемы. |
А какая информация нужна?
|
Часовой пояс GMT +3, время: 19:06. |