Javascript 从数据列表获取id

我需要帮助，因为我需要转换它：

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

${product.productName}

关于它：

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

${product.productName}

我需要获取productId，以便在数据库中使用它，创建一个产品

行

${product.productName}

对我来说是有问题的，因为我需要保存产品ID，但要在列表上显示产品名称，以便更容易查找

你能帮我吗？

试试这个

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

var selectObj=document.getElementById（“productId”）；
var innerHTMLSelect=selectObj.innerHTML//首先保存select的innerHTML
var selectParent=selectObj.parentNode（）；
选择Parent.removeNode（选择Obj）//删除当前选择元素
选择Parent+=''//将数据列表附加到父级
document.getElementById（“productId”）.innerHTML=innerHTMLSelect//将保存的innerHTML放入当前数据列表元素

Hello:这种方式对我来说是不正确的，因为使用这种解决方案，你在混合概念。@FranGV没有理解你。这不是转换为您想要的输出吗？不，我解决了这一问题，从数据库中按名称获取所需的产品，但id最好是获取整个产品。现在就这样解决了。