使用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>'