Все технические форумы на одном сайте Удобный поиск информации с популярных форумов в одном месте
Вопрос: Отслеживание состояния <select>

Как при изменении состояния <select> переслать на другую страницу? (для каждого option`a отдельно)
Ответ: проблем с кроссбраузерностью быть не должно,
но первый вариант на всякий случай лучше изменить на
onchange="location.href = '/some/page.php?id=' + encodeURIComponent (this.value);
Вопрос: Связать два и более <select>

Доброго времени!
Не могу понять, как выполнить слияние двух <select>
<div style="background: #F0F0F0; margin: 5px; border-radius: 5px; padding: 10px; width: 300px;">
<input class="wicartoptional" checked="" type="radio" value="1000" name="psbs" data-good-id="002" data-subid="psbswall" data-option-name="Стеновая ПСБС">Стеновая (+1000)<br>
<input class="wicartoptional" type="radio" value="2000" name="psbs" data-good-id="002" data-subid="psbsroof" data-option-name="Кровельная ПСБС">Кровельная (+2000)<br>
</div>



<div style="background: #F0F0F0; margin: 5px; border-radius: 5px; padding: 10px; width: 300px;">
Толщина: <select class="wicartoptional" data-good-id="002"  name="tol">
		<option value="100" data-subid="50" data-option-name="Толщина:50" selected>50 (+100)</option>
		<option value="200" data-subid="75" data-option-name="Толщина:75" >75 (+200)</option>
		<option value="300" data-subid="100" data-option-name="Толщина:100" >100 (+300)</option>
		<option value="300" data-subid="150" data-option-name="Толщина:150" >150 (+300)</option>
</select></div>	

<div style="background: #F0F0F0; margin: 5px; border-radius: 5px; padding: 10px; width: 300px;">
Длина: <select class="wicartoptional" data-good-id="002" name="dlin">
		<option value="1000" data-subid="36" data-option-name="Длина:3:6" selected>Первый (+1000)</option>
		<option value="2000" data-subid="34" data-option-name="Длина:3:4">Второй (+2000)</option>
		<option value="3000" data-subid="612" data-option-name="Длина:6:12">Третий (+3000)</option>
</select></div>


Нужно, чтобы при выборе radiobutton Стеновая в 1 <select> было 50,75,100,150
НО
во втором при выборе 50 и 75 было только 3:6
и при выборе 100 и 150 было только 3:4 и 6:12
===========
RADIOBUTTON 2 Кровельная
<select> 1 50.75.100.150
<select> 2 при значении первого 50 = 6, 75 = 6:12, 100= 6:12 150 = 6:12
HElP!!!
Ответ: Meattale,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <script>
window.addEventListener("DOMContentLoaded", function() {
    [].forEach.call( document.querySelectorAll('.sel'), function(el) {
    var inputs = el.querySelectorAll("input.wicartoptional"),
        selects = el.querySelectorAll("select.wicartoptional"),
        ops = selects[1].querySelectorAll("option"),
        obj = {
            0: {
                0: [0],
                1: [0],
                2: [1, 2],
                3: [1, 2]
            },
            1: {
                0: [0],
                1: [2],
                2: [2],
                3: [2]
            }
        },
        op = obj[0];

    function change() {
        var i = selects[0].selectedIndex || 0;
        i = op[i];
        selects[1].options.length = 0;
        i.forEach(function(o) {
            selects[1].appendChild(ops[o])
        })
    }
    selects[0].addEventListener("change", change);
    [].forEach.call(inputs,
        function(input, i) {
            if(input.checked) {op = obj[i];
            el.querySelector(".im").src = ["http://javascript.ru/forum/images/smilies/dance3.gif","http://javascript.ru/forum/images/smilies/victory.gif"][i]; change();
            }
            input.addEventListener("change", function() {
                el.querySelector(".im").src = ["http://javascript.ru/forum/images/smilies/dance3.gif","http://javascript.ru/forum/images/smilies/victory.gif"][i];
                input.checked && (op = obj[i]);
                change()
            })

        })

    });
});
  </script>
</head>

<body>  <div class="sel">
 <img class="im" src="url" />
 <div style="background: #F0F0F0; margin: 5px; border-radius: 5px; padding: 10px; width: 300px;">
<input class="wicartoptional" checked="" type="radio" value="1000" name="psbs" data-good-id="002" data-subid="psbswall" data-option-name="Стеновая ПСБС">Стеновая (+1000)<br>
<input class="wicartoptional" type="radio" value="2000" name="psbs" data-good-id="002" data-subid="psbsroof" data-option-name="Кровельная ПСБС">Кровельная (+2000)<br>
</div>
<div style="background: #F0F0F0; margin: 5px; border-radius: 5px; padding: 10px; width: 300px;">
Толщина: <select class="wicartoptional" data-good-id="002"  name="tol">
    <option value="100" data-subid="50" data-option-name="Толщина:50" selected>50 (+100)</option>
    <option value="200" data-subid="75" data-option-name="Толщина:75" >75 (+200)</option>
    <option value="300" data-subid="100" data-option-name="Толщина:100" >100 (+300)</option>
    <option value="300" data-subid="150" data-option-name="Толщина:150" >150 (+300)</option>
</select></div>

<div style="background: #F0F0F0; margin: 5px; border-radius: 5px; padding: 10px; width: 300px;">
Длина: <select class="wicartoptional" data-good-id="002" name="dlin">
    <option value="1000" data-subid="36" data-option-name="Длина:3:6" selected>Первый (+1000)</option>
    <option value="2000" data-subid="34" data-option-name="Длина:3:4">Второй (+2000)</option>
    <option value="3000" data-subid="612" data-option-name="Длина:6:12">Третий (+3000)</option>
</select></div>
</div>
<div class="sel">
   <img class="im" src="url" />
 <div style="background: #F0F0F0; margin: 5px; border-radius: 5px; padding: 10px; width: 300px;">
<input class="wicartoptional" checked="" type="radio" value="1000" name="psbs2" data-good-id="002" data-subid="psbswall" data-option-name="Стеновая ПСБС">Стеновая (+1000)<br>
<input class="wicartoptional" type="radio" value="2000" name="psbs2" data-good-id="002" data-subid="psbsroof" data-option-name="Кровельная ПСБС">Кровельная (+2000)<br>
</div>
<div style="background: #F0F0F0; margin: 5px; border-radius: 5px; padding: 10px; width: 300px;">
Толщина: <select class="wicartoptional" data-good-id="002"  name="tol">
    <option value="100" data-subid="50" data-option-name="Толщина:50" selected>50 (+100)</option>
    <option value="200" data-subid="75" data-option-name="Толщина:75" >75 (+200)</option>
    <option value="300" data-subid="100" data-option-name="Толщина:100" >100 (+300)</option>
    <option value="300" data-subid="150" data-option-name="Толщина:150" >150 (+300)</option>
</select></div>

<div style="background: #F0F0F0; margin: 5px; border-radius: 5px; padding: 10px; width: 300px;">
Длина: <select class="wicartoptional" data-good-id="002" name="dlin">
    <option value="1000" data-subid="36" data-option-name="Длина:3:6" selected>Первый (+1000)</option>
    <option value="2000" data-subid="34" data-option-name="Длина:3:4">Второй (+2000)</option>
    <option value="3000" data-subid="612" data-option-name="Длина:6:12">Третий (+3000)</option>
</select></div>
</div>
</body>
</html>
Вопрос: Не выводится val() из тега <select>

Беда с val() в <select>.
Вот код:
HTML5
1
2
3
4
5
6
7
8
9
<div class="blockTxt">
   <div class="btnFood">
 <select class="quantity-select">
  <option selected="selected" value="1">4 шт.</option>
  <option value="2">8 шт.</option>
  <option value="3">12 шт.</option>
 </select>
  </div>
</div>
Когда пишу так:
Javascript
1
$('.blockTxt > .btnFood > .quantity-select').val();
то все работает.
Но мне надо обратиться, как к дочернему элементу блока!
Я пишу так:
Javascript
1
2
     parentBox = this.parentNode, // родительский элемент кнопки "Добавить в корзину"
     itemQuant = parentBox.querySelector('.blockTxt > .btnFood > .quantity-select').val();
и так не работает?
Если написать так:
Javascript
1
    itemQuant = parentBox.querySelector('.blockTxt > .btnFood > .quantity-select').innerHTML;
то будет выводится:
HTML5
1
2
3
4
5
<select class="quantity-select">
               <option selected="selected" value="1">4 шт.</option>
                 <option value="2">8 шт.</option>
        <option value="3">12 шт.</option>
              </select>
Ответ: Если на JQuery ( все таки тема в форуме jQuery ) , то так:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div class="blockTxt">
   <div class="btnFood">
     <select class="quantity-select">
       <option selected="selected" value="1">4 шт.</option>
       <option value="2">8 шт.</option>
       <option value="3">12 шт.</option>
     </select>
  </div>
  
  <button>Выбранный select</button>
  
</div>
 
<div id="result"></div>
Javascript
1
2
3
4
5
6
7
8
9
$(function(){
  $('button').on('click', function(){
    var parentEl = $(this).parent('.blockTxt'),
        valSel = parentEl.find('select').val(),
        textSel = parentEl.find('select option:selected').text();
    
    $('#result').html('Val :'+ valSel + ' <br/> Text : ' + textSel);
  });
});
Песочница:
Вопрос: <select><option> список.

Здравствуйте уважаемые. Помогите разобраться.
Есть простой выпадающий список с выбором категории.
<select class="material-select"><option selected="selected" value="1">1 Категория</option><option value="2">2 Категория</option><option value="3">3 Категория</option><option value="4">4 Категория</option><option value="5">5 Категория</option><option value="3">6 Фотопечать</option> </select>

Сами значения value от 1 до 5.
var rolls=[];
rolls[0]=[2.745, 4.45, 6.6, 8.9, 11.2];


Это переменная в которую заносится значение value.
var vid_materiala=parseInt(my_parrent.find('select').val());


Вопрос в следующем, какую конструкцию применить, чтобы сделать следующее: добавить к каждой категории картинки в виде небольших боксов которые можно будет выбрать ?

Пример ДО.

Пример ПОСЛЕ.
Ответ: KEMPZOR,
Зачем вам my_parrent.find('select').val() ?

Вы пример пост7 смотрели?
Вот здесь
$("li").on("click", function () {
             $("#res").html($(this).html() + rolls[+$(this).val() - 1]);
         });

Можете получить из li все что угодно, например,
rolls[+$(this).val() - 1]
- цена категории
Можно добавить
var image = $(this).find("img").prop("src");
- имя картинки ткани,
Если нужно - можно добавить в li еще свойства, в которых хранить и доставать при клике нужные вам параметры. (см. добавления в пост7)
Вопрос: <select> && selected

Пишу кейс под информацию для доставки

Проверка на авторизацию есть, и в зависимости от результата авто-заполнеие форм.

А как вот из списка <select> выбрать и сразу же указать на то, что у пользователя в БД!?



<select name="" required>
<option>
Выберите регион</option>
<optgroup
label="КРАЯ">
<option
value="Алтайский край">Алтайский край</option>
<option
value="Краснодарский край">Краснодарский край</option>
<option
value="Красноярский край">Красноярский край</option>
<option
value="Приморский край">Приморский край</option>
<option
value="Ставропольский край">Ставропольский край</option>
<option
value="Хабаровский край">Хабаровский край</option>
</optgroup>
<optgroup
label="ОБЛАСТИ">
<option
value="Амурская область">Амурская область</option>
<option
value="Архангельская область">Архангельская область</option>
<option
value="Астраханская область">Астраханская область</option>
<option
value="Белгородская область">Белгородская область</option>
<option
value="Брянская область">Брянская область</option>
<option
value="Владимирская область">Владимирская область</option>
<option
value="Волгоградская область">Волгоградская область</option>
<option
value="Вологодская область">Вологодская область</option>
<option
value="Воронежская область">Воронежская область</option>
<option
value="Ивановская область">Ивановская область</option>
<option
value="Иркутская область">Иркутская область</option>
<option
value="Калининградская область">Калининградская область</option>
<option
value="Калужская область">Калужская область</option>
<option
value="Камчатская область">Камчатская область</option>
<option
value="Кемеровская область">Кемеровская область</option>
<option
value="Кировская область">Кировская область</option>
<option
value="Костромская область">Костромская область</option>
<option
value="Курганская область">Курганская область</option>
<option
value="Курская область">Курская область</option>
<option
value="Санкт-Петербург">Санкт-Петербург</option>
<option
value="Ленинградская область">Ленинградская область</option>
<option
value="Липецкая область">Липецкая область</option>
<option
value="Москва">Москва</option>
<option
value="Московская область">Московская область</option>
<option
value="Московская область">Московская область</option>
<option
value="Мурманская область">Мурманская область</option>
<option
value="Нижегородская область">Нижегородская область</option>
<option
value="Новгородская область">Новгородская область</option>
<option
value="Новосибирская область">Новосибирская область</option>
<option
value="Омская область">Омская область</option>
<option
value="Оренбургская область">Оренбургская область</option>
<option
value="Орловская область">Орловская область</option>
<option
value="Пензенская область">Пензенская область</option>
<option
value="Пермская область">Пермская область</option>
<option
value="Псковская область">Псковская область</option>
<option
value="Ростовская область">Ростовская область</option>
<option
value="Рязанская область">Рязанская область</option>
<option
value="Самарская область">Самарская область</option>
<option
value="Саратовская область">Саратовская область</option>
<option
value="Сахалинская область">Сахалинская область</option>
<option
value="Свердловская область">Свердловская область</option>
<option
value="Смоленская область">Смоленская область</option>
<option
value="Тамбовская область">Тамбовская область</option>
<option
value="Тверская область">Тверская область</option>
<option
value="Томская область">Томская область</option>
<option
value="Тульская область">Тульская область</option>
<option
value="Тюменская область">Тюменская область</option>
<option
value="Ульяновская область">Ульяновская область</option>
<option
value="Челябинская область">Челябинская область</option>
<option
value="Читинская область">Читинская область</option>
<option
value="Ярославская область">Ярославская область</option>
<option
value="Еврейская автономная область">Еврейская автономная область</option>
</optgroup>
<optgroup
label="РЕСПУБЛИКИ">
<option
value="Республика Адыгея">Республика Адыгея</option>
<option
value="Республика Башкортостан">Республика Башкортостан</option>
<option
value="Республика Бурятия">Республика Бурятия</option>
<option
value="Республика Алтай">Республика Алтай</option>
<option
value="Республика Дагестан">Республика Дагестан</option>
<option
value="Ингушская республика">Ингушская республика</option>
<option
value="Кабардино-Балкарская республика">Кабардино-Балкарская республика</option>
<option
value="Республика Калмыкия">Республика Калмыкия</option>
<option
value="Карачаево-Черкесская республика">Карачаево-Черкесская республика</option>
<option
value="Республика Карелия">Республика Карелия</option>
<option
value="Республика Коми">Республика Коми</option>
<option
value="Республика Крым">Республика Крым</option>
<option
value="Республика Марий-Эл">Республика Марий-Эл</option>
<option
value="Республика Мордовия">Республика Мордовия</option>
<option
value="Республика Саха (Якутия)">Республика Саха (Якутия)</option>
<option
value="Республика Северная Осетия">Республика Северная Осетия</option>
<option
value="Республика Татарстан">Республика Татарстан</option>
<option
value="Республика Тува">Республика Тува</option>
<option
value="Удмуртская республика">Удмуртская республика</option>
<option
value="Республика Хакасия">Республика Хакасия</option>
<option
value="Чеченская республика">Чеченская республика</option>
<option
value="Чувашская республика">Чувашская республика</option>
</optgroup>
<optgroup
label="АВТОНОМНЫЕ ОКРУГА">
<option
value="Агинский Бурятский АО">Агинский Бурятский АО</option>
<option
value="Коми-Пермяцкий АО">Коми-Пермяцкий АО</option>
<option
value="Корякский АО">Корякский АО</option>
<option
value="Ненецкий АО">Ненецкий АО</option>
<option
value="Таймырский (Долгано-Ненецкий) АО">Таймырский (Долгано-Ненецкий) АО</option>
<option
value="Усть-Ордынский Бурятский АО">Усть-Ордынский Бурятский АО</option>
<option
value="Ханты-Мансийский АО">Ханты-Мансийский АО</option>
<option
value="Чукотский АО">Чукотский АО</option>
<option
value="Эвенкийский АО">Эвенкийский АО</option>
<option
value="Ямало-Ненецкий АО">Ямало-Ненецкий АО</option>
</optgroup>
</select>


Ответ:
$selected = $region['name']==$userRegion['name'] ? 'selected' : '';
echo '<option value='.$region['name'].'" '.$selected.'>'.$region['name'].'</option>';
А я без if делаю как правило.
Вопрос: Скрыть <select> если у него один <option>

Добрый день. Помогите пожалуйста, необходима функция js. Задача в следующем, к примеру есть html код:

<select class="form-select">
<option value="All"></option>
</select>
<select class="form-select">
<option value="All"></option>
<option value="25"></option>
</select>

Необходимо сделать, чтобы если в select заключен только один option, то селекту присваивалось css значение - display:none

К сожалению сам в js пока не слишком силен, только осваиваю.
Ответ: Свойство length списка уже возвращает число опций в нем.
Вопрос: сделать 2 зависимых <select> от общего доступного числа значений

Приветствую,

к примеру имеем автобус в котором всего 10 мест, и надо выбрать сколько поедет взрослых и сколько детей.

нужно чтобы кол-во элементов в каждом <select> менялось в зависимости от выбранного в другом, чтобы суммарно было 10 человек и не было возможности выбрать больше чем можно.

к примеру
выбрав 6 взрослых я мог выбрать только 4х детей
или выбрав 2 детей я мог выбрать только 8 взрослых.

<select class="form-control" id="count_adult" name="count_adult">
<option value="1" price="160">1 adult - 160 Points</option>
<option value="2" price="320">2 adults - 320 Points</option>
<option value="3" price="480">3 adults - 480 Points</option>
<option value="4" price="640">4 adults - 640 Points</option>
<option value="5" price="800">5 adults - 800 Points</option>
<option value="6" price="960">6 adults - 960 Points</option>
<option value="7" price="1120">7 adults - 1120 Points</option>
<option value="8" price="1280">8 adults - 1280 Points</option>
<option value="9" price="1440">9 adults - 1440 Points</option>
<option value="10" price="1600">10 adults - 1600 Points</option>
</select>

<select class="form-control" id="count_child" name="count_child">
<option value="0" price="0">0 child - 0 Points</option>
<option value="1" price="120">1 child - 120 Points</option>
<option value="2" price="240">2 children - 240 Points</option>
<option value="3" price="360">3 children - 360 Points</option>
<option value="4" price="480">4 children - 480 Points</option>
<option value="5" price="600">5 children - 600 Points</option>
<option value="6" price="720">6 children - 720 Points</option>
<option value="7" price="840">7 children - 840 Points</option>
<option value="8" price="960">8 children - 960 Points</option>
<option value="9" price="1080">9 children - 1080 Points</option>
<option value="10" price="1200">10 children - 1200 Points</option>
</select>


помогите пожалуйста написать на jQuery
Ответ: рони, отлично, везде работает. супер!)

пс, я написал уже свой вариант по вашему совету, но буду использовать ваше решение, как более красивое)
Вопрос: запустить событие нажатия на <select></select>

Всем привет!
Скажите пожалуйста, возможно ли с помощью jQuery раскрыть список <select></select> при клике мышкой на <div></div>?

Нашёл похожую тему здесь б но у меня не работает такой пример, в консоли выдаёт ошибку TypeError: Not enough arguments to MouseEvent.initMouseEvent.
Ответ: fanatikus, это не совсем то что мне нужно, я хотел сделать одну вещь на смартфонах-андроидах:

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

Пробовал так:
Код Javascript
1
2
$('select').click(); //не работает
$('select').trigger('click');//и так пробовал тоже не работает
Добавлено через 5 часов 19 минут
Не актуально, вопрос решен!

Я сделал проще. Я сам select замаскировал под кнопку, целеком переделав дизайн select'а!

Вопрос теперь в другом, как отловить на сматрфоне-android выбор одного из option в select'е?

Так не работает:
Код Javascript
1
2
3
$('select option').click(function() {
//что нибудь
});
Вопрос: Как перенести значение из <select> как переменную в скрипт

Здравствуй, всяк сие читающий. Не буду распинаться про то, что я полный нуб в скриптах, это и так ясно, просто попрошу вашей помощи)

У меня есть такая штука:

<form>
<p align="right"> <select name="dostoinstvo">
<option value="1">Туз</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">Валет</option>
<option value="12">Дама</option>
<option value="13">Король</option>
</select> </p>
<br><br><br>
<p><input type="submit" value="Сдавай!"></p>
</form>

Как мне сделать чтобы значение выбранной карты при нажатии "сдавай!" присваивалось переменной n и производило с ним дейстивие bgx=98*(n-1) и потом этот же bgx установить значением атрибуту top=bgx px? Так вообще сделать можно?

Заранее спасибо, надеюсь на вас!
Ответ: спасли жизнь, считай, премного благодарен!)
Вопрос: Помогите разобраться с <select>

Привет форумчане.
В Java я noob, поэтому прошу помощи.
Короче, есть список, это самый селект:

<select id="type" name="ddd" onchange="fff">
<option value="1">AUD/USD</option>
<option value="2">CAD/USD</option>
.....
</select>
и есть фрейм:
<iframe src="http://....... ></iframe>
Вопрос в том:
как сделать так , что бы при выборе значения в селекте, src= менялся на другой. И сам фрейм обновлялся. Ну или вся страничка. Но лучше фрейм конечно. Я так понимаю, вместо адреса, можно подставить переменную, но как написать функцию для переменной, и что бы еще фрейм обновлялся, не понимаю. Выручите пожалуйста .
(Большая просьба на гугл, и изучение основ Java не отсылать)
Ответ:
Сообщение от aggressive
То бишь просто оставить пустые кавычки?!
Можно туда записать какой-нибудь адрес, тогда при загрузке страницы во фрейм сразу будет что-то подгружаться, а не только по изменению селекта.