Привязать кнопку (button) к выпадающему списку, как это реализовать?

Question

[jipo]

Здравствуйте! Есть такая необходимость сделать привязку кнопок к выпадающему списку. Например, есть кнопки 1, 2, 3. При нажатии на любую из них, необходимо чтобы в выпадающем списке автоматически определялась та цифра, которая указана в кнопке, например, 1.Суть в том, что мне необходимо, чтобы автоматически определялось это значение в выпадающем списке. Надеюсь, ясно донес свою мысль. Спасибо!

Comments

[Максим]

я ни чего не понял из вопроса ...

[jipo]

Максим Ленский, ну например, есть 10 блоков с товарами и есть выпадающий список с наименованиями этих товаров. В блоках под товаром, соответственно, кнопка "выбрать". Когда человек нажимает кнопку "выбрать" определенного товара, в выпадающем списке автоматически определяется его наименование.

[Максим]

jipo, это много делов всю логику писать ...извени это долго мне лень

[jipo]

Максим Ленский, в любом случае спасибо за отклик.

[Алексей Ярков]

jipo, ну так а где ваш код, в котором вы пытаетесь реализовать и у вас не получается? Или это задание?

Answer 1

[dicem]

Comments

[jipo]

А здесь определение кнопок в выпадающем списке каким образом происходит? Это почти то, что мне нужно, но у меня следующая ситуация:

Есть 10 блоков с товарами и есть выпадающий список с наименованиями этих товаров. В блоках под товаром, соответственно, кнопка "Подробнее". Когда человек нажимает кнопку "Подробнее" определенного товара, в выпадающем списке автоматически определяется его наименование.

Сам код с блоком товара:

<div class="te">
		        <h3>товар1</h3>
	                <div class="size"><span>Номер, который необходимо определить 1</span></div>
		        <img src="images1.jpg" alt=""><br>
		        <ul class="cprice">
                        <a href="#order" class="button">Подробнее</a>
		    </div>

                   <div class="te">
		        <h3>товар2</h3>
	                <div class="size"><span>Номер, который необходимо определить 2</span></div>
		        <img src="images2.jpg" alt=""><br>
		        <ul class="cprice">
                        <a href="#order" class="button">Подробнее</a>
		    </div>

                  <div class="te">
		        <h3>товар3</h3>
	                <div class="size"><span>Номер, который необходимо определить 3</span></div>
		        <img src="images3.jpg" alt=""><br>
		        <ul class="cprice">
                        <a href="#order" class="button">Подробнее</a>
		    </div>

И выпадающий список, в котором необходимо определить кнопку, при нажатие подробнее, этого товара:

<select name="course" required class="select">
							<option datd-display="">Номера</option>
							<option value="1">1</option>
							<option value="2">2</option>
							<option value="3">3</option>
						</select>
					<button name ="button" class="button">Оформить заказ</button>
				</form>

[dicem]

jipo, А блоки товаров не содержат какой нибудь идентификатор? Если у тебя в сети сайт лежит уже, то скинь ссылку лучше.

[dicem]

jipo, Кстати на какой cms магазин? Если на WordPress то впринципе можно к кнопкам привязывать id товаров и к элементам списка так же.

[jipo]

dicem, сайт пока не на хосте. Самописный. Идентификаторы к блокам не прописывал. Есть сайт похожий с функцией, которую мне необходимо реализовать: goodmoons.ru/ugg-shop при нажатии кнопки "выбрать", в выпадающем списке выбирается нужный товар. Я так понимаю, там работает jquery, но как именно - не могу понять. Может, есть возможность вытащить куски кода, отвечающие за данную функцию?

[dicem]

jipo, не, вытащить куски кода это бред, пропиши идентификаторы товаров и запили их в блоки товаров каким нибудь data-productid тэгом и можно будет без особых усилий реализовать то что тебе нужно.
Есть конечно идиотский вариант, какбэ просто соблюдая порядок товаров и элементов в select реализовать выборку просто через индекс очереди (тупо обьяснил, но если нужно могу пример сделать)

[jipo]

dicem, если можно, пожалуйста, какой-нибудь пример.

[dicem]

jipo,

[dicem]

jipo,
Вот второй пример с использованием индексов, то есть это уже можно внедрять в работу, если у тебя товар отображается в такой же очередности как и option в select'e

Ну только селекторы поменять нужно на свои

[jipo]

dicem, спасибо тебе, добрый человек, за помощь!

[dicem]

jipo, да ерунда, обращайся