我正在脚本中创建动态选择。
$.each(data, function (i) {
optionhtml = '<option value="'
data[i].CustomerId + '">' + data[i].CustomerId + ' _ ' + data[i].PurchaseDate + ' _ ' + data[i].SupplyDate + ' _ ' + data[i].SupplierName + '</option>';
$("select[id='ddlAdm" + arrElem[0]']").append(optionhtml);
});
这很好用。选择在 CustomerId+PurchaseDate+SupplyDate+SupplierName 的下拉列表中显示文本
但是我想为此在选择中添加标题。
CustomerId PurchaseDate SupplyDate SupplierName
123 10/11/2016 10/15/2018 XYZ
123 10/16/2018 10/23/2018 PQR
为此,我真的很想跳过自动完成和预输入插件。需要在select中添加header。
最佳答案
您可以使用 optgroup
添加标题以选择元素您可以查看演示jsfiddle.net/bharatsing/bgd9bobo/
<select>
<optgroup label = "CustomerId PurchaseDate SupplyDate SupplierName">
<option value ="123 10/11/2016 10/15/2018 XYZ">123 10/11/2016 10/15/2018 XYZ</option>
<option value ="123 10/16/2018 10/23/2018 PQR">123 10/16/2018 10/23/2018 PQR</option>
</optgroup>
</select>
关于javascript - HTML 选择标题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41734600/