自定義字段的HTML下拉列表

Question

我有一個下拉列表與從數據庫填充的公司名稱。我還想添加像compID，Latitude Value，Longitude Value等自定義字段以及公司名稱。所以我可以使用這些字段ot檢查公司是否有經緯度，如果不允許用戶添加它們，那麼長的值...等等。

下面

是我的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"]);