Я загружаю данные в несколько ящиков выбора, я использую laravel с vuejs.Загрузка данных в поле выбора с помощью vuejs, но мне нужно, чтобы в поле выбора не было нескольких вариантов выбора.
Мой блок выбора выборки
<tr>
<td>1</td>
<td>
<select name="test[]" id="test[]" class="js-example-basic-single form-control" style="width: 100%;">
<option value="">Select items</option>
<option v-for="category in categories" :value="category.cat_id">@{{category.name}}</option>
</select>
</td>
<td>
<input type="text" class="form-control items" id="cat_price[]" name="cat_price[]">
</td>
</tr>
<tr>
<td>1</td>
<td>
<select name="test[]" id="test[]" class="js-example-basic-single form-control" style="width: 100%;">
<option value="">Select items</option>
<option v-for="category in categories" :value="category.cat_id">@{{category.name}}</option>
</select>
</td>
<td>
<input type="text" class="form-control items" id="cat_price[]" name="cat_price[]">
</td>
</tr>
Функция JS
$('#table1 tr').each(function() {
$(this).find('#test[]').change(function(){
// alert($(this).val());
if($('option[value='+$(this).val()+']:selected').length>1){
alert('option is already selected');
$(this).val($(this).find("option:first").val());
}
});
});