Javascript 将下拉列表动态更改为textfield opencart

我正在尝试更改下拉列表，以便用户可以添加自定义输入。 我正在使用VQMod，目前已设置了一个PHP数组，如下所示：

<td><select name="electricColours">
               <?php foreach (array("", "White", "Black", "Add Custom Colour..." ) as $eColours) { ?>
                 <?php if ($electricColours == $eColours) { ?>
                  <option value="<?php echo $eColours;?>" selected="selected"><?php echo $electricColours; ?></option>
                 <?php } else { ?>
                   <option value="<?php echo $eColours;?>"><?php echo $eColours; ?></option>
                 <?php }?>
              <?php } ?>
              <td class="left"><a onclick="AddCustomColour();" class="button"><?php echo "Add Custom Colours"; ?></a></td>
              </select>

使用DOM API：

var option = document.createElement("option");
option.setAttribute("value", value);
option.appendChild(document.createTextNode(value));
document.getElementById("the_select_element").appendChild(option);

而不是：

document.getElementById("the_select_element")

你可以这样做：

document.forms.the_form.electricColours

替换此代码

<SCRIPT TYPE="text/javascript">
                function AddCustomColour()
                {
                    var colour=prompt("Please add custom colour","Silver");
                    var arrays =  <?php echo json_encode($electricColours); ?>;
                    if (colour!=null)
                    {
                        electricColours.push(colour);
                    }
                }
        </SCRIPT>


函数addCustomColor（）
{
var COLOR=提示（“请添加自定义颜色”、“银色”）；
变量数组=；
如果（颜色！=null）
{
电气颜色。推动（颜色）；
}
}

使用此代码

<script type="text/javascript">
function AddCustomColour()
{
    var colour=prompt("Please add custom colour","Silver");
    var ob = $("#electricColours");
    if (colour!=null)
    {
        ob.prepend("<option value="+ val +">" + text + "</option>");

    }
}
</script>


函数addCustomColor（）
{
var COLOR=提示（“请添加自定义颜色”、“银色”）；
var ob=$（“#颜色”）；
如果（颜色！=null）
{
ob.prepend（“+text+”）；
}
}
控制台结果：未捕获引用错误：未定义val。我相信您的意思是，colorval是提示的值，将其更改为“color”对不起，prepend是jQuery函数吗？是的，prepend（）是jQuery函数。签出[链接]
<script type="text/javascript">
function AddCustomColour()
{
    var colour=prompt("Please add custom colour","Silver");
    var ob = $("#electricColours");
    if (colour!=null)
    {
        ob.prepend("<option value="+ val +">" + text + "</option>");

    }
}
</script>