Как подставить значение в форму по событию

@celldweller24 · Регистрация: 24.01.2014

Студворк — интернет-сервис помощи студентам

Есть форма

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<div>
<form id="myform" action="calculator.php" method="post">
  <table>
    <tbody>
      <tr>
        <td>Гражданство :</td>
        <td>
          <select name="citizenship" required>
            <option value="sng">СНГ</option>
            <option value="rb">Беларусь</option>
            <option value="rf">РФ</option>
          </select>
        </td>
      </tr>
      <tr>
        <td>Резидент :</td>
        <td>
          <select name="resident" required>
            <option value="r_1">Резидент</option>
            <option value="r_2">Не резидент</option>
          </select>
        </td>
      </tr>
   <tbody>
  </table>

Когда пользователь выбирает в первом пункте "РФ", то второй пункт должен автоматически становиться равным "Резидент" и становиться неактивным
Подскажите пожалуйста как это сделать
jQuery только начал изучать...не хватает знаний, чтоб осуществить требуемое

@Svid_off · 18.06.2014, 13:01

JavaScript
1
2
3
4
5
6
7
$('select[name="citizenship"]').change(function (){
    if($(this).val() === 'rf'){
        $('select[name="resident"]').val('r_1').attr('disabled','disabled');
    }else{
        $('select[name="resident"]').removeAttr("disabled");
    }
});

@celldweller24 · 18.06.2014, 14:14 **[ТС]**

Не сработало...

@Svid_off · 18.06.2014, 15:30

Что не сработало?
Что в консоли?
jQuery точно подключен?

@celldweller24 · 18.06.2014, 16:09 **[ТС]**

jQuery подключен

JavaScript
1
2
3
4
5
if ($ === undefined) {
    console.log('jQuery не подключён.');
} else {
   console.log('Версия jQuery: ' + $.fn.jquery);
}

...отдает "Версия jQuery: 1.3.2"

больше в консоль ничего не выпадает

@Svid_off · 18.06.2014, 16:47

Не берусь утверждать, но, так как у меня работает, то можно предположить, что проблема в версии jquery.
Я уже не помню, что там поддерживает 1.3, а что нет.
Попробуйте все проконсолить, чтобы понять, что именно не поддерживается.

JavaScript
1
2
3
4
5
6
7
8
9
10
11
$('select[name="citizenship"]').change(function (){
console.log('change видимо работает, как и селектор по атрибуту name');
console.log('Правильно ли берем значение инпута? - '+$(this).val());
    if($(this).val() === 'rf'){
        $('select[name="resident"]').val('r_1').attr('disabled','disabled');
        console.log('При выборе РФ мы должны быть здесь');
    }else{
        $('select[name="resident"]').removeAttr("disabled");
        console.log('При выборе не РФ мы должны быть здесь');
    }
});

как-то в таком духе.

mihalken · 19.06.2014, 10:31

Сообщение от celldweller24

Не сработало...

JavaScript
1
2
3
4
5
6
7
8
9
$(window).load(function(){
    $('select[name="citizenship"]').change(function (){
        if( $(this).val() === 'rf' ){
            $('select[name="resident"]').val('r_1').attr('disabled', 'disabled');
        } else {
            $('select[name="resident"]').removeAttr("disabled");
        }
    });
});

?

@celldweller24 · 19.06.2014, 11:57 **[ТС]**

Спасибо mihalken!!
Теперь все работает

Новые блоги и статьи Все статьи Все блоги /
Автозаполнение реквизита при выборе элемента справочника Maks 27.03.2026 Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .	Сумматор с применением элементов трёх состояний. Hrethgir 26.03.2026 Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .	Автозаполнение реквизитов при создании документа Maks 26.03.2026 Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .	Команды формы и диалоговое окно Maks 26.03.2026 1. Команда формы "ЗаполнитьЗапчасти". Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. В качестве источника данных. . .
Кому нужен AOT? DevAlt 26.03.2026 Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .	Отправка уведомления на почту при создании или изменении элементов справочника Maks 24.03.2026 Программная отправка письма электронной почты на примере типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной записи электронной. . .	модель ЗдравоСохранения 5. Меньше увольнений- больше дохода! anaschu 24.03.2026 Теперь система здравосохранения уменьшает количество увольнений. 9TO2GP2bpX4 a42b81fb172ffc12ca589c7898261ccb/ https:/ / rutube. ru/ video/ a42b81fb172ffc12ca589c7898261ccb/ Слева синяя линия -. . .	Midnight Chicago Blues kumehtar 24.03.2026 Такой Midnight Chicago Blues, знаешь?. . Когда вечерние улицы становятся ночными, а ты не можешь уснуть. Ты идёшь в любимый старый бар, и бармен наливает тебе виски. Ты смотришь на пролетающие. . .

@celldweller24 0 / 0 / 0 Регистрация: 24.01.2014 Сообщений: 6
	18.06.2014, 14:14 [ТС]
	Не сработало... 0

@Svid_off 82 / 82 / 38 Регистрация: 15.03.2013 Сообщений: 280
	18.06.2014, 15:30
	Что не сработало? Что в консоли? jQuery точно подключен? 0

@celldweller24 0 / 0 / 0 Регистрация: 24.01.2014 Сообщений: 6
	19.06.2014, 11:57 [ТС]
	Спасибо mihalken!! Теперь все работает 0

Как подставить значение в форму по событию

Решение