下面是两个不同的datalist一个与patient filenumber其他与国家
<input type="list" class="form-control" name="patient" list="patient-list" placeholder="Enter Patient file number">
<datalist id="patient-list">
<option value='49'>pc123</option>
<option value='48'>pc162</option>
<option value='47'>pc183</option>
<option value='45'>pc193</option>
</datalist>
<input type="list" class="form-control" name="state" list="state-list" placeholder="Enter state">
<datalist id="state-list">
<option value='delhi'>delhi</option>
<option value='mumbai'>mumbai</option>
<option value='Haryana'>Haryana</option>
<option value='Gurgaon'>Gurgaon</option>
</datalist>当您打开两者的下拉菜单时，您会注意到input病人同时显示value & innerHTML和倒置（单击后在输入字段中输入值）。在State状态下input，只需显示状态
这些不同行为的原因是什么？我想输入只显示innerHTML的option样态input，并在不同的数据value：innerHTML
尽管我无法回答您的确切问题，即IE“这是什么原因”，但我可以告诉您它为什么发生。
由于程序运行代码的预期功能（无论您运行的是哪种Web浏览器），仅当.innerHTML值和.value值不同时，.innerHTML属性才会显示在option元素的右侧。
这是一个显示此操作的小提琴，我将第一个选项更改为具有相同的.innerHTML值和.value值，例如：https : //jsfiddle.net/87h3bcwd/
我对Datalist元素的进一步阅读对我发现对回答这个问题很有用：http : //www.w3.org/TR/html5/forms.html#the-datalist-element
代码：
<input type="list" class="form-control" name="patient" list="patient-list" placeholder="Enter Patient file number">
<datalist id="patient-list">
<option value='49'>49</option>
<option value='48'>pc162</option>
<option value='47'>pc183</option>
<option value='45'>pc193</option>
</datalist>
<input type="list" class="form-control" name="state" list="state-list" placeholder="Enter state">
<datalist id="state-list">
<option value='delhi'>delhi</option>
<option value='mumbai'>mumbai</option>
<option value='Haryana'>Haryana</option>
<option value='Gurgaon'>Gurgaon</option>
</datalist>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句