получает идентификатор из DataList

Question

мне нужна помощь, потому что мне нужно, чтобы преобразовать его:

<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> 

И мне нужно, чтобы получить ProductID, чтобы работать с ним в базе данных, создавая продукт.

Линия <option value="${product.productId}">${product.productName}</option> является проблематичной для меня, потому что мне нужно сохранить productId, но показать имя продукта в списке, чтобы сделать более легкие выводы.

Вы можете мне помочь?

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