我目前正在处理多项选择(html)。我在ReactJS和laravel中创建了这个项目。
我要自动选择的问题,并在选择选项中突出显示该值。
例如数据库中存储的数据为(进餐,外卖,送货上门),因此如果这是我的州的值,则选择(进餐,外卖,送货上门)必须选择或突出显示。
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:[],