javascript - HTML 选择标题

Question

我正在脚本中创建动态选择。

 $.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。

Answer 1

您可以使用 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>