使用 JavaScript 动态设置选择选项

如何使用 Javascript 动态设置 html 选择字段中的选项？ 这是我的页面设置：

<form name="test">
  <table>
    <tr>
      <td class='dataleft'>Product: </td>
      <td><select name='inptProduct'></select></td>
    </tr>
  </table>
</form>

我有一个数组中的所有值。这是设置的位置<option>s.

for(var i = 0; i < productArray.length; i++) {
    console.log("<option value='" + productArray[i] + "'>" + productArray[i] + "</option>");
}

PS：可以使用jQuery。

解决方案：这是我一直在寻找的最终解决方案。它不会将新选项应用于选择字段。它首先删除所有内容，然后添加新内容：

var optionsAsString = "";
for(var i = 0; i < productArray.length; i++) {
    optionsAsString += "<option value='" + productArray[i] + "'>" + productArray[i] + "</option>";
}
$("select[name='inptProduct']").find('option').remove().end().append($(optionsAsString));

好吧，你几乎已经完成了这一切：

var optionsAsString = "";
for(var i = 0; i < productArray.length; i++) {
    optionsAsString += "<option value='" + productArray[i] + "'>" + productArray[i] + "</option>";
}
$( 'select[name="inptProduct"]' ).append( optionsAsString );

EDIT最后删除了 $ 包装optionsAsString as append自动转换字符串