我想在选择后禁用选项 - laravel

时间:2017-05-10 10:37:51

标签: php jquery laravel

我正在创建动态下拉列表,其中的选项来自数据库。 一旦选择了一个选项,它应该在下一个选择中被禁用,并且应该在删除选择时启用。

这是我的选择标签,它是一个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();
        });

2 个答案:

答案 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)

&#13;
&#13;
$('#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;
&#13;
&#13;