Как отключить раскрывающийся список формы с jQuery? - PullRequest
Новая
       3

Как отключить раскрывающийся список формы с jQuery?

0 голосов
/ 04 марта 2020

Я сделал раскрывающийся список, содержимое которого я извлекаю из базы данных:

изображение 2

изображение 1

Как я могу создать условия при выборе Received, что поле имени получателя включено и, кроме того, форма получателя отключена? 

var $inputs = $('#kliks');

$('select').change(function() {
  $inputs.prop('disabled', $(this).val() === 'Received');
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="form-group col-md-10">
  <label>Ubah status</label>
  <select class="form-control col-lg-10" name="id_status">
    <option value="0">Pilih</option>
    <option value="Foo">Foo</option>
    <option value="Bar">Bar</option>
    <option value="Received">Received</option>
  </select>
</div>
<div class="form-group col-md-10">
  <input type="text" class="form-control kliks" id="kliks" name="" placeholder="nama penerima">
</div>

Это не сработало.

1 Ответ

0 голосов
/ 04 марта 2020

Отключено раскрывающееся меню с событием 

jQuery('select').prop('disabled', true);

Отключено только раскрывающееся меню 

jQuery('select').attr('disabled', true);

Я исправил код и раскрывающийся список отключен, если мы выбрали параметр «Получено»

попытаться это 

jQuery(document).ready(function(){   

    var $inputs = jQuery('#kliks');

    jQuery('select').change(function() {

        var target = jQuery(this);

        var selected_val = target.find(':selected').val(); 

        if (selected_val === 'Received') { alert(selected_val);

            $inputs.prop('disabled', true);

        }

    });

});


jQuery(document).ready(function(){   

    var $inputs = jQuery('#kliks');

	jQuery('select').change(function() {

		var target = jQuery(this);

		var selected_val = target.find(':selected').val(); 

		if (selected_val === 'Received') { alert(selected_val);

			$inputs.prop('disabled', true);

		}

	    

	});



});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select class="form-control col-lg-10" name="id_status">
    <option value="0">Pilih</option>
    <option value="Foo">Foo</option>
    <option value="Bar">Bar</option>
    <option value="Received">Received</option>
  </select>

<input type="text" name="kliks" id="kliks" value="xyz">
...