如何在ReactJS
视图中选择不同于select和option的选项。
表单html:
<form>
<div className="form1">
<div className="flex-item1">
<select name="type" className="CodesSelect3">
<option value="Drug">ProviderID</option>
</select>
</div >
<div className="flex-item2" >
<select name="type" className="CodesSelect3">
<option value="Drug">Network</option>
</select>
</div>
<div className="flex-item4">
<input type="submit" value="Save" />
</div>
</div>
<div className="form1">
<div className="flex-item1">
<select name="type" className="CodesSelect3">
<option value="Drug">Policy</option>
</select>
</div >
<div className="flex-item2" >
<select name="type" className="CodesSelect3">
<option value="Drug">Member</option>
</select>
</div>
<div className="flex-item5">
<input type="submit" value="Edit" />
</div>
</div>
<div className="form1">
<label className="flex-item1" >
Frequency Utilization:
</label>
<input type="text" className="flex-item2" name="name" />
<div className="flex-item6">
<input type="submit" value="Delete" />
</div>
</div>
<div className="form1">
<label className="flex-item1" >
Service Utilization:
</label>
<input type="text" className="flex-item2" name="name" />
<div className="flex-item3" >
<select name="type" className="CodesSelect3">
<option value="Drug">Monthly</option>
</select>
</div>
</div>
<div className="form1">
<label className="flex-item1" >
Age
</label>
<input type="text" className="flex-item2" name="name" />
<div className="flex-item3" >
<select name="type" className="CodesSelect3">
<option value="Drug">Gender</option>
</select>
</div>
</div>
<div className="form1">
<label className="flex-item1" >
Age
</label>
<input type="text" className="flex-item2" name="name" />
<div className="flex-item3" >
<select name="type" className="CodesSelect3">
<option value="Drug">Gender</option>
</select>
</div>
</div>
</form>
发布于 2020-09-26 07:43:06
您可以使用Fluient Ui,它为Choice组提供您想要显示和使用的close组。
https://stackoverflow.com/questions/64074766
复制相似问题