我正在创建动态下拉列表,其中的选项来自数据库。 一旦选择了一个选项,它应该在下一个选择中被禁用,并且应该在删除选择时启用。
这是我的选择标签,它是一个laravel代码。
<div class="form-group">
<label for="category">Category</label>
{{
Form::select('category',(isset($data) && isset($data['kra_category'])) ? $data['kra_category'] : [],
htmlSelect('category',$data),
array('name'=>'kra[0][category]', 'data-name' => 'category', 'class' => 'form-control chosen-select kra_category', 'placeholder' => '', 'data-placeholder' => 'Select Category'))
}}
</div>
这是我的jQuery函数...... 该功能尚未创建。
$('.chosen-select').change(function() {
var value = $(this).val();
});
答案 0 :(得分:0)
写这个函数..
$(".chosen-select").change(function(){
var value = $(".chosen-select option:selected").val();
var theDiv = $(".is" + value);
$(".chosen-select option:selected").hide().siblings().removeProp('disabled');
});
答案 1 :(得分:0)
$('#test').change(function () {
var indexOfSelect = $(this).find('option:selected');
$(this).find('option').removeAttr('disabled');
//indexOfSelect.attr('disabled','disabled');
indexOfSelect.prop('disabled', 'false');
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="test">
<option value="">Select</option>
<option>AA</option>
<option>BB</option>
<option>CC</option>
<option>DD</option>
</select>
&#13;