從數據列表

Question

越來越ID我需要幫助，因爲我需要將其轉換：

<select name="productId"> 
     <option value=""></option> 
     <c:forEach items="${productsBeanId.activeProductsList}" var="product">      
       <option value="${product.productId}">${product.productName}</option> 
     </c:forEach> 
</select> 

它：

<input list="productId"> 
     <datalist id="productId"> 
      <c:forEach items="${productsBeanId.activeProductsList}" var="product">      
       <option value="${product.productId}">${product.productName}</option> 
      </c:forEach>     
     </datalist> 

，我需要獲得產品ID與它的數據庫上工作，創建一個產品。

行<option value="${product.productId}">${product.productName}</option>對我來說是有問題的，因爲我需要保存productId，但要在列表中顯示productName，以便更輕鬆地找到結果。

你能幫我嗎？

Answer 1

試試這個

var selectObj = document.getElementById("productId"); 
var innerHTMLSelect = selectObj.innerHTML; //first save the innerHTML of select 
var selectParent = selectObj.parentNode(); 
selectParent.removeNode(selectObj); //remove current select element 

selectParent += '<input list="productId"><datalist id="productId"></datalist>'; //append the data list to the parent 
document.getElementById("productId").innerHTML = innerHTMLSelect ; //put the saved innerHTML to the current data list element