Форум Сайтостроение Веб-строительство

[jQuery] select option

[Удален]
555

Есть 2 Select

<select id="select1">
  <option value="1">1</option>
  <option value="2">2</option>
</select>
<select id="select2">
  <option value="1">1</option>
  <option value="2">2</option>
</select>

и блоки для вывода их значений при клике

<div id="div1></div>
<div id="div2></div>

И Скрипт который при клике на select и выборе option, выводит это значение в блок.


$("#select1").click(function(){
	$("#div1").text($("#select1 option:selected").text());
});
$("#select2").click(function(){
	$("#div2").text($("#select3 option:selected").text());
});

Такой вопрос, можно как-то красивее написать код, чтобы не прописывать конкретный селектор $("#select2") , $("#select3") и т.д. и для блоков тоже самое, чтобы не писать постоянно $("#div1"), $("#div2") ?

fakeid
На сайте с 18.10.2015
Offline
9
fakeid
#1

Если код в select1 и select2 будет одинаковый, можно использовать директивы, например data-div='div1' и использовать одну функцию коллбек: 


function callback() {

   // code

}



$('#select1').on('click', callback);
A
На сайте с 04.11.2007
Offline
134
asteroid
#2 


$("[id ^= 'select']").click(function() {

	var n = $(this).attr('id').match(/\d+/)[ 0 ];

	$("#div" + n).text($("#select" + n + " option:selected").text());

});

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий