时间戳

首页 > 解决方案 > 选项标签禁用属性

html - 选项标签禁用属性

问题描述

我有一个<select>标签部分，如果要禁用选项，我想要一些标签部分。我试过同时使用disabled="false"和disabled="true"

无论我使用哪个，所有选项都显示为禁用。

这是我的代码：

<select className="form-control " onChange={this.drugsChange.bind(this)} value={this.state.drug_type}>
   <option value='-1' disabled="true">Select Medication Class</option>
   <option value='Medication Clause A' disabled="false"> Medication Class A</option>
   <option value='Medication Clause B' disabled="false"> Medication Class B</option>
   <option value='Medication Clause C' disabled="true"> Medication Class C</option>
</select>

我希望药物 A 类和 B 类药物不被禁用

标签： htmlreactjsselect

解决方案

嘿，只需为您想要禁用的那些尝试禁用，而无需提供您不想被禁用的禁用键。

<select className="form-control " onChange={this.drugsChange.bind(this)} value={this.state.drug_type}>
   <option value='-1' disabled>Select Medication Class</option>
   <option value='Medication Clause A'> Medication Class A</option>
   <option value='Medication Clause B'> Medication Class B</option>
   <option value='Medication Clause C' disabled> Medication Class C</option>
</select>

试试这个，如果它不起作用，你可以给disabled={true}

推荐阅读