Я в настоящее время работаю над выбором варианта несколько (HTML). Я сделал этот проект в ReactJS и Laravel.
Задача, которую я хочу автоматически выбрать и выделить в опции выбора значение.
Ex. Сохраненные данные в базе данных (Dine-in, Take-out, Home Delivery), поэтому, если это значение моего состояния, опция (Dine-in, Take-out, Home Delivery) должна быть выбранным или выделенным.
Html:
<select onChange={this.handleStoreType} value={this.state.store_type} multiple name="selectedOption" required="" className="form-control">
<option selected>Choose your option</option>
<option value="Dine-in">Dine-in</option>
<option value="Take-out">Take-out</option>
<option value="Home Delivery">Home Delivery</option>
<option value="Drive Thru" >Drive Thru</option>
</select>
handleFunction:
handleStoreType(e){
var options = e.target.options;
var value = [];
for (var i = 0, l = options.length; i < l; i++) {
if (options[i].selected) {
value.push(options[i].value);
}
}
this.setState({store_type: value});
}
SetState:
store_type:response.data[0].store_type,
Состояние:
store_type:[],