Не выбирается нужный option в select

[the_little]

Если я внутри

$("#srochnost").on("change", function() {

напишу

alert(srochnost);

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

[the_little]

конкретно сейчас решается следующая задача.
Есть внешняя функция, в которой объявлены переменные (чекбоксы и селекты)
Есть внутренняя функция, которая говорит следующее
Если в первом селекте выбрана опция №2, то во втором селекте может быть только опция №3 доступна.

[the_little]

$(function() {
	var srochnost 		= $('select[name=srochnost]').val(); 			// 1 - срочный, 2 - с проживанием
	var rejim 				= $('select[name=rejim]').val();					// 1 - дневной, 2 - ночной, 3 - суточный

	$("#srochnost").on("change", function() {

			if ( srochnost == 2 ) {
				$('#rejim-opt-null').fadeOut();
				$('#rejim-opt-day').fadeOut();
				$('#rejim-opt-night').fadeOut();
				$("#rejim [value='3']").prop("selected", "3");
			} else {
				$('#rejim-opt-null').fadeIn();
				$('#rejim-opt-day').fadeIn();
				$('#rejim-opt-night').fadeIn();
				$("#rejim [value='0']").prop("selected", "0");
			}
	});
});

[laimas]

Может проще:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
$(function() {
    $('#srochnost').on('change', function() {
        if(!this.value) return;
        $('#rejim option').slice(0, -1)
                          .prop('disabled', this.value==2)
                          .end()
                          .eq(3)
                          .prop('selected', this.value==2)
    })
});
</script>

<select class="form-control" name="srochnost" id="srochnost">
    <option value="" disabled>Выбрать...</option>
    <option value="1">Срочный</option>
    <option value="2">С проживанием</option>
</select>
 
<select class="form-control" name="rejim" id="rejim">
    <option id="rejim-opt-null" value="">Выбрать...</option>
    <option id="rejim-opt-day" value="1">Дневной</option>
    <option id="rejim-opt-night"value="2">Ночной</option>
    <option id="rejim-opt-sutki" value="3">Суточный</option>
</select>

[the_little]

Визуально - работает.
Но при попытке алертом выдать значения двух этих селектов - выдает 0 и 0 при любом раскладе.

$(function() {

	var srochnost 		= $('select[name=srochnost]').val(); 		
	var rejim 			= $('select[name=rejim]').val();					

	$('#srochnost').on('change', function() {
	        if(!this.value) return;
	        $('#rejim option').slice(0, -1)
	                          .prop('disabled', this.value==2)
	                          .end()
	                          .eq(3)
	                          .prop('selected', this.value==2)
				
alert(srochnost + " " + rejim)

	});

});

[laimas]

Каким алертом, чего и зачем?

PS. Зачем вообще это нужно?

var srochnost = $('select[name=srochnost]').val();
var rejim = $('select[name=rejim]').val();

И почему тогда не

var srochnost = $('#srochnost').val();
var rejim = $('#rejim').val();

?

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

[the_little]

что-то я не догоняю.

Есть селект. При выборе опции ему присваивается значение определенное.
Мне нужно с этими селектами работать дальше. Нужны их значения.

Я объявляю переменную и получаю значение нужного селекта. И это всегда работает без проблем. 20 селектов - я спокойно получаю 20 значений и делаю с ними дальше то что мне нужно.

А как только появляется эта функция, которая отвечает за скрытие и открытие не нужных опций - то я уже не получаю их значения...

точнее получаю нули в обоих списках. Как с ними дальше то работать.

Объявлена переменная
var srochnost = $('select[name=srochnost]').val();

потом проходят манипуляции со списками.

и я получаю всегда значение var srochnost = 0. Алерт я объявляю после того как прошли все изменения, а все равно ноль выводит.

[j0hnik]

val надо получать каждый раз внутри функции с обработчиком change, а не один раз при загрузке

[the_little]

Спасибо!
с переменными разобрался. все сводится к тому чтобы их по новой прописывать внутри каждой функции.

[laimas]

the_little,
j0hnik, уже написал, но учтите, что изменение состояние списка не обязательно произойдет, поэтому в вашей задаче, может лучше опрашивать сами списки, получая их значения?

PS. И запомните и .prop("selected", "3"), и .prop("selected", "0") выберет указанную опцию, ибо и "3", и "0" вернет true, так как это строковое значение и не пустое.