使用JavaScript和HTML将下拉组合框添加到innerHTML中

Question

我正在尝试添加带有下拉菜单的下拉组合框。这是我的代码

 if (trendsmega!="")
 { 
  var companymegaid=document.getElementById("megamenu-mlid-783");
  //alert("Found   "+trendmegaid.innerHTML);
if (companymegaid!="")
{ 
  var othercompaniesli=document.getElementById("megamenu-mlid-1185");
   alert(othercompaniesli.innerHTML);
   othercompaniesli.innerHTML="";
 othercompaniesli.innerHTML=  "<select> <option value="volvo">Volvo</option>    <option value="saab">Saab</option> <option value="mercedes">Mercedes</option> <option value="audi">Audi</option> </select>"; 
}
 }

我收到以下错误

  missing ; before statement
    [Break On This Error]   

     ....innerHTML=  "<select> <option value="volvo">Volvo</option> <option  value="saab"...

   /drupal/ (line 1329, col 56)

谁能帮助我如何使用Java脚本添加带有innerhtml的组合框。

Answer 1

在代码中使用'而不是" 。将消除错误。

您的代码将是

othercompaniesli.innerHTML=  "<select> <option value='volvo'>Volvo</option>    <option value='saab'>Saab</option> <option value='mercedes'>Mercedes</option> <option value='audi'>Audi</option> </select>"; 

Answer 2

每当您在字符串中使用字符串时，请使用''符号。

"<select> <option value='volvo'>Volvo</option>"; 

或者，如果您有动态值，请使用

"<option value="+ saab +">Saab</option>"

Answer 3

您可以这样做：

othercompaniesli.innerHTML="<select><option value='Volvo'></option></select>"

要么

othercompaniesli.innerHTML='<select><option value="Volvo"></option></select>'