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

时间:2012-02-27 07:30:18

标签: javascript html innerhtml

我正在尝试使用下拉菜单添加一个下拉组合框。这是我的代码

 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的组合框。

3 个答案:

答案 0 :(得分:3)

在代码中使用'代替" ..将删除错误。

你的代码将是

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

答案 1 :(得分:0)

每当在字符串中使用字符串时,请使用“'符号。

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

如果您有动态值,请使用

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

答案 2 :(得分:0)

你可以这样做:

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

OR

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