链接下拉选择

时间:2019-06-19 14:20:13

标签: javascript html css react-bootstrap

我要使下拉选择项(国家,州,城市)相互依赖。如果有人选择了美国,则将显示美国各州,并且将显示该州的美国城市。如果有人选择英国,则只应显示英国城市。

导入一系列美国城市和英国城市会比导入一系列所有城市更容易吗? 有人还建议我制作一张地图,其中包含以国家/地区名称为键的城市阵列,沿

 <ControlLabel>Country</ControlLabel>
 <FormControl componentClass="select" value={this.state.country} name="country" onChange={this.handleChange}>
   { data["country"].map((d) => <option key={d} value={d}>{d}</option>) }
 </FormControl>
 </Col>
 <Col md={3}>
   <ControlLabel>State</ControlLabel>
   <FormControl componentClass="select" value={this.state.state} name="state" disabled={this.state.disabled_state} onChange={this.handleChange}>
     { data["state"].map((d) => <option key={d} value={d}>{d}</option>) }
   </FormControl>
 </Col>
 <Col md={3}>
 <ControlLabel>City</ControlLabel>
 <FormControl componentClass="select" value={this.state.city} name="city" onChange={this.handleChange}>
   { data["city"].map((d) => <option key={d} value={d}>{d}</option>) }
 </FormControl>

0 个答案:

没有答案