Доброго времени суток!
сломал себе всю голову: пишу рабочий компонент под сайт (начинающий в этом деле ). загвоздка стала в следующем: сначала код
CODE ( html):
скопировать код в буфер обмена
<head> <script type="text/javascript" src="{THEME}/js/jquery.js"></script> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script type="text/javascript" src="{THEME}/js/jquery.chained.js"></script> </head> ... ///рабочая область <table width="100%" class=""> <tr><td align="right" style="padding:4px;">Категория 1:</td><td> <select id="category"> <option value="1" selected>1</option> <option value="2">2</option> <option value="3">3</option> </select> </td></tr> ///Собственно ниже проблемная функция <script> function displayVals() { if ( $( "#category" ).val("1") ) { $( "#categ3" ).text("ТЕКСТ1:") } else { $( "#categ3" ).text("ТЕКСТ2:") } } $( "select" ).change( displayVals ); displayVals(); </script> ///конец проблемной функции <tr><td align="right" style="padding:4px;" id="categ3"></td><td><select id="cat3"> <option value="1_1" class="1">1_1</option> <option value="1_2" class="1" selected>1_2</option> <option value="2_1" class="2">2_1</option> <option value="2_2" class="2">2_2</option> <option value="3_1" class="3">3_1</option> <option value="3_2" class="3">3_2</option> </select></td></tr> ///Далее ещё пара категорий .... ///Динамическая замена списков через jQuery <script type="text/javascript"> jQuery(document).ready(function(){ jQuery("#cat3").chained("#category"); jQuery("#cat4").chained("#category");}); </script> ...
нужно, чтобы при выборе пользователем из "<select id="category">" значения 1, строке с "id="categ3"" присваивалось значение ТЕКСТ1, если пользователь выбирает значения 2 или 3 - ТЕКСТ2. собственно смена должна быть динамической, без перезагрузки страницы.
то что сейчас написано (код выше) работает, но не до конца, т.е. текст присваивается, но в <select id="category"> блочится всё на первой строке: список выпадает, но выбрать ничего не получается, кроме значения 1.
если в функции displayVals() убрать строку
то динамические списки работают нормально, но не работает присваивание ТЕКСТ1 или ТЕКСТ2 для "categ3"
подскажите, плз, в чём косяк или что добавить. гуглом и яндексом пользовать умею, но толком путного в этой области не нашёл, одни лишь замены текста на картинки и ничего про тег select
|