Форум PHP программистов > Добавление значений списка select в поле input

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Полная Версия: Добавление значений списка select в поле input

Страницы: 1, 2

AllesKlar

19.10.2014 - 04:04

segazav
Логично.
Пропробуй использовать конструкцию if else

_____________
[продано копирайтерам]

walerus

19.10.2014 - 12:28

segazav

Цитата

Все так как в примере с использование jquery, просто как только выберешь хотя бы один селект, в поле input появляются ВСЕ запятые от других значений селекта.

Такого быть не может, потому как у тебя всегда есть значение, если ты только не "добавил" в поля "input" пустые значения..., т.е.
у тебя было в примере

<select name="raion" size="1" class="pole" id="raion" onchange='my_func();'>
<option value="Центр">Центр</option>
<option value="Уралмаш">Уралмаш</option>
<option value="Изоплит">Изоплит</option>
</select>

тут нет пустых значений, но если ты сделал так

<select name="raion" size="1" class="pole" id="raion" onchange='my_func();'>
<option value=""></option>
<option value="Центр">Центр</option>
<option value="Уралмаш">Уралмаш</option>
<option value="Изоплит">Изоплит</option>
</select>

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

segazav

19.10.2014 - 19:06

Ну наверно из-за того, что у меня в первом списке селекта:

<option>'.htmlspecialchars( stripslashes($_POST['raion']) , ENT_QUOTES ).'</option>
<option value="Центр">Центр</option>
<option value="Уралмаш">Уралмаш</option>
<option value="Изоплит">Изоплит</option>

Т.к. обработчиком является эта же страница, мне нужно отображать при перезагрузке страницы выбранный селект.

chee

19.10.2014 - 19:17

лучше использовать jquery для таких задач

<html>
    <head>
        <meta charset="utf-8"/>
        <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script><!-- Тут нужна вторая версия -->
    </head>
    <body>
        <select name="raion" size="1" class="pole" id="raion">
            <option value="Центр">Центр</option>
            <option value="Уралмаш">Уралмаш</option>
            <option value="Изоплит">Изоплит</option>
        </select>

        <select name="street" size="1" class="pole" id="street" >
            <option value="Ленина">Ленина</option>
            <option value="8 марта">8 марта</option>
            <option value="Космонавтов">Космонавтов</option>
        </select>

        <select name="house" size="1" class="pole" id="house">
            <option value="№1">№1</option>
            <option value="№2">№2</option>
            <option value="№3">№3</option>
            <option value="№4">№4</option>
        </select>

        <input name="adres" type="text" spellcheck="true" class="pole" id="adres" value="">
        <script>
        $(function () {
            $('.pole').on('change', function () { // 
                var fields = [];
                var scanFields = ['raion', 'street', 'house'];
                var scanField;
                for (scanField in scanFields) {
                    var scanFieldText = $('#' + scanFields[scanField]  + ' option:selected').text(); // выбираем текст для выбранного option
                    if (scanFieldText) {
                        fields.push(scanFieldText); // Добавляем в адрес выбранные в select'ах значение
                    }
                }
                $('#adres').val(fields.join(', ')); // Собираем адрес
            });
        });
        </script>
    </body>
</html>

_____________
Люди, имеющие низкий уровень квалификации, делают ошибочные выводы, принимают неудачные решения и при этом неспособны осознавать свои ошибки в силу низкого уровня своей квалификации

Быстрый ответ:

Здесь расположена полная версия этой страницы.