select, input, onchange,

[qazibum]

Вот в этом топике решение для стилизации select.

Все хорошо работает за исключением одного селекта, которому не получается передать значение выбранного option. У этого селекта option прописан не на прямую в коде, а вот так

" . $parameter_label . "

В инпуте я прописал вот так

<input id=\"bisin\" type=\"text\" name=\"noname\" value=\"Выбрать " . $parameter_label . "\">

там слеши надо ставить перед ковычками.

Первое он передает, а если выбрать что-то из списка, то на секунду это значение остается, а после закрытия списка принимает первое значение, которое было.

значение value в input передается вот так

onchange="this.parentNode.getElementsByTagName('input')[0].value = this.options[this.selectedIndex].innerHTML;"

и этот

onchange="this.parentNode.getElementsByTagName('input')[0].value = this.options[this.selectedIndex].text;"

Подскажите, как изменить код, чтобы корректно работало? Чтоб выбранные значения оставались.

[Great Rash]

Чтобы корректно работало обработчики событий надо оформить в функцию. В той теме я их написал просто для примера. Ну и опять же хотелось бы взглянуть на живой пример, а не на куски кода.

[qazibum]

Чтобы корректно работало обработчики событий надо оформить в функцию. В той теме я их написал просто для примера. Ну и опять же хотелось бы взглянуть на живой пример, а не на куски кода.

Отправил ссылку на емейл.

[Great Rash]

Все работает если убрать функцию mod_typeChange(). Ищите проблему там.

[qazibum]

Все работает если убрать функцию mod_typeChange(). Ищите проблему там.

Ее нельзя убирать, она обновляет (ajax) следующий селект. Если убрать, то этот блок теряет смысл.

Проблема, наверное, в том, что нижние два селекта выводятся одной функцией. Выбираешь первый селект, второй обновляется (загружается) и ставит в option начальное значение, соответственно в первом тоже меняется на начальное.

Вот вся функция, она два селекта выводит.

    function list_harakt($parameters, $selected_param=array(), $item_name, $parameter_label, $vid='', $disabled = '', $prefix='') {
        echo "<div id=\"bislif\"><select class=\"inpbox\" ";
        echo "name=\"" . $item_name ."[]\" onchange=\"this.parentNode.getElementsByTagName('input')[0].value = this.options[this.selectedIndex].text;".$prefix."typeChange()\">\n";
        echo "<option value=\"\">Выбрать " . $parameter_label . "</option>\n";
        foreach ($parameters as $parameter) {
            if ($parameter != '') {
                $selected = '';
                if (!empty($selected_param) && in_array($parameter, $selected_param)) $selected = "selected=\"selected\"";
                echo "<option value=\"" . urlencode($parameter) . "\" " . $selected . ">" . $parameter . "</option>\n";
            }
        }
        echo "</select><div class=\"input_wrapper\"><input id=\"bisin\" type=\"text\" name=\"noname\" value=\"Выбрать " . $parameter_label . "\"></div></div>\n";
    }

Edited February 1, 2012 by qazibum

[Great Rash]

Переделывайте логику. Устанавливать значение инпута надо после ответа аякса.

[qazibum]

Переделывайте логику. Устанавливать значение инпута надо после ответа аякса.

Там если переделывать, то проще что-то другое придумать.

Можно ли скрипт написать так, чтобы он повторно передавал в input значение из option? Или как-то без select передавал значение из option, чтобы изменения в select ни как не отражались на input?