javascript - html下拉列表的自定义字段

Question

我有一个下拉列表，其中包含从数据库中填充的公司名称。我还想添加自定义字段，如 compID、纬度值、经度值以及公司名称。这样我就可以使用这些字段来检查公司是否有 lat、long 值，如果不允许用户添加它们……等等。

下面是我的html代码：

<select id="select_comp" class="dropdown-toggle" style="width:auto;" >
            <option>Choose a number</option>
</select>

下面是我如何填充下拉列表：

            var el = document.createElement("option");
            el.textContent = data[key]["name"];
            select.appendChild(el);

我想要这样的自定义字段：

            el.field1 = data[key]["CompID"];
            el.field2 = data[key]["lat"];
            el.field3 = data[key]["log"];

这是这样做的正确方法........如果我的方法是错误的，请纠正我....

我试图//el.id= data[key]["CompID"];获得它工作的公司 ID，但如何获得lat，lon值......谢谢

score 0 · Accepted Answer

您只能在下拉选项中存储单个值。

您希望使用设置为公司键/ID（实际选定值）和文本作为公司名称（向用户显示的内容）填充下拉选项：

el.value = key;
el.text = data[key]["name"];

And then when an option is selected (or any other time) you can look up the additional fields in your dataarray:

var dropdown = document.getElementById("select_comp");
var key = dropdown.options[dropdown.selectedIndex].value;
alert(data[key]["lat"]);

1 回答 1