html下拉列表的自定义字段

Question

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

下面是我的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 值...谢谢

Answer 1

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

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

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

然后当选择一个选项时（或任何其他时间），您可以在data数组中查找其他字段：

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