如何在javascript中创建下拉列表?

时间:2011-02-21 07:03:42

标签: javascript

例如,如果我有一个像所有的列表项,a,b,c,d。如果我点击所有意味着它不应该允许选择其他项目,如果我没有选择所有意味着它应该允许从列表中选择多个项目

2 个答案:

答案 0 :(得分:2)

您在这里稍微混淆了您的术语 - JavaScript本身并未显示任何用户界面,而是显示用户界面的HTML(或XULsomething completely different

假设您正在讨论html,创建下拉列表的方法只是将下拉列表的相应html写入您希望放置下拉列表的文档中的任何位置,例如:

<div id="myDiv"></div>
<script type="text/javascript">
    myDiv = document.getElementById("myDiv");
    myDiv.innerHtml = "<select><option>a</option><option>b</option><option>c</option><option>d</option>";
</script>

您很可能会根据现有项目列表动态编写HTML,但我不想详细讨论,因为这完全取决于您的具体要求,因为jQuery会让这更容易。

编辑:错字修复变量名称。

答案 1 :(得分:2)

<script type="text/javascript">
  var creatLimit = 5;
  var fCount = 0;
  function addFileElement()
  {
      if(fCount < creatLimit)
      {
        var fObject = document.getElementById("name");
        var addButton = document.createElement("select");
        addButton.type = "select";
        addButton.name = "List["+fCount+"]";
        addButton.setAttribute("class", "normal");
        addButton.style.width = "250px";
        addButton.onkeydown = function(){
            blur();
        };
        var o2 = document.createElement("br");
        var o3 = document.createElement("br");
        fObject.appendChild(addButton);
        fObject.appendChild(o2);
        fObject.appendChild(o3);
        fCount++;
      }
  }
</script>