Форум

Купэ · #1 (**permalink**) 29.10.2013, 15:50

Всем привет, есть несколько селектов (<select>) на странице как при нажатии на селект выбрать следующий за ним селект.

<select>
   <option>1</option>
   <option>2</option>
</select>

<select>
   <option>1</option>
   <option>2</option>
</select>

Пробовал так:

$("body").on("change","select",function(){
        $(this).next("#select_"+selected_depth).append(data);
})

не работает, ссылка $(this) обязательна, т.е. нужно определить селект на который нажали,

ksa · #2 (**permalink**) 29.10.2013, 16:14

Сообщение от Купэ

есть несколько селектов (<select>) на странице как при нажатии на селект выбрать следующий за ним селект

Как вариант...

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
</style>
<script type="text/javascript">
$(function (){
	$("body").on("change","select",function(){
		$(this).next('select').focus();
	});
});
</script>
</head>
<body>
<select>
   <option></option>
   <option>1</option>
   <option>2</option>
</select>
<select>
   <option></option>
   <option>1</option>
   <option>2</option>
</select>
</body>
</html>

Купэ · #3 (**permalink**) 29.10.2013, 16:35

Спасибо за ответ, но мне надо в выбранный селект добавить пункты <option></option>

Варианты

$(this).next("select").data(options);

$(this).next("select").append(options);
$(this).next('select').focus().append(options)

не работают

ksa · #4 (**permalink**) 29.10.2013, 16:36

Купэ, что есть у тебя options?

ksa · #5 (**permalink**) 29.10.2013, 16:42

Сообщение от Купэ

но мне надо в выбранный селект добавить пункты <option></option>

Начинается...

Как вариант...

$(this).next('select').prepend('<option></option>').focus();

Купэ · #6 (**permalink**) 29.10.2013, 16:50

Ваш вариант правильный , только я в функции $.post() добавляю варианты списка там и ссылку ставлю в этой функции из-за этого не добавляется. ,т.е.

$("document").ready(function(){
	
	$("body").on("change","select",function(){
           		$.post("/auth/load_objects_by_depth.php",{},function(data){
                                 $(this).next("select").prepend(data).focus();
                         })

        })
})

Можно как-нибудь из этой функции сослаться на функцию которая вызывается при изменении списка ?

ksa · #7 (**permalink**) 30.10.2013, 09:04

Сообщение от Купэ

только я в функции $.post() добавляю варианты списка там и ссылку ставлю в этой функции из-за этого не добавляется

Это последняя "новость"?

Как вариант...

$(function(){
   $("body").on("change","select",function(){
      var obj=this;
      $.post(
         "/auth/load_objects_by_depth.php",
         {},
         function(data){
            $(obj).next("select").prepend(data).focus();
         }
      );
   });
});

Купэ · #8 (**permalink**) 30.10.2013, 16:03

Спасибо, я вчера до этого додумался, если можете ответьте на вопрос есть div внутри него селекты , как при нажатии на селект определить в каком контейнере <div> он находится и перебрать следующие за ним селекты

<div class="cont">
   <select id="select_1">
     <option>1</option>
   </select>

   <select id="select_2">
     <option>1</option>
   </select>

</div>

<div class="cont">
   <select id="select_1">
     <option>2</option>
   </select>

   <select id="select_2">
     <option>3</option>
   </select>

</div>

Пробовал делать так:

$("body").on("change","select",function(){
   var main_container =$(this).parent('.cont');
   var count_select = $("select[id^='select_']").size();
   
   for ( var i = 1; i <= count_select; i++  ){

         $(main_container" > #select_"+i).prop("disabled", true);// не пашет
         или
         ("#select_"+i).parent(main_container).prop("disabled",true);//тоже не пашет
    }
})

рони · #9 (**permalink**) 30.10.2013, 16:12

Купэ,
а то что id повторяется ?

ksa · #10 (**permalink**) 30.10.2013, 16:12

Сообщение от Купэ

как при нажатии на селект определить в каком контейнере <div> он находится

У ДОМ-элемента есть свойство parentNode...

Сообщение от Купэ

перебрать следующие за ним селекты

У ДОМ-элемента есть свойство nextSibling... В jQuery есть метод next()...

Форум

Справочник

Discord чат

Курсы javascript