option 没有值

<html>
<head>
<script type="text/javascript">
function appendOption()
{
var x=document.getElementById("mySelect");
var node=document.createElement("option");
node.text="葡萄";
x.appendChild(node);
node=null;
}
</script>
</head>
<body>
<select id="mySelect">
<option>苹果</option>
<option>梨</option>
<option>香蕉</option>
<option>橙子</option>
</select>
<input type="button" onclick="appendOption()" value="添加">
</form>
</body>
</html>
添加以后是个空的,没有显示"葡萄",请指点~~

解决方案 »

  1.   

    x.appendChild(node);----->x.add(node);<html>
    <head>
    <script type="text/javascript">
    function appendOption()
    {
    var x=document.getElementById("mySelect");
    var node=document.createElement("option");
    node.text="葡萄";
    x.add(node);
    node=null;
    }
    </script>
    </head>
    <body>
    <select id="mySelect">
    <option>苹果</option>
    <option>梨</option>
    <option>香蕉</option>
    <option>橙子</option>
    </select>
    <input type="button" onclick="appendOption()" value="添加">
    </form>
    </body>
    </html>
      

  2.   

    晕,option的每一项都没付值,谁知道你选了哪个啊
    至少要写一个<option value="">...
      

  3.   

    <html>
    <head>
    <script type="text/javascript">
    function appendOption()
    {
    var x=document.getElementById("mySelect");
    var node=document.createElement("option");
    node.innerText="葡萄";
    x.appendChild(node);
    node=null;
    }
    </script>
    </head>
    <body>
    <select id="mySelect">
    <option>苹果</option>
    <option>梨</option>
    <option>香蕉</option>
    <option>橙子</option>
    </select>
    <input type="button" onclick="appendOption()" value="添加">
    </form>
    </body>
    </html>
      

  4.   

    还可以这么写，L@_@K<html>
    <head>
    <script type="text/javascript">
    function appendOption()
    {
        var x=document.getElementById("mySelect");
        var node= new Option("葡萄");
        x.options.add(node);
    }
    </script>
    </head>
    <body>
    <select id="mySelect">
    <option>苹果</option>
    <option>梨</option>
    <option>香蕉</option>
    <option>橙子</option>
    </select>
    <input type="button" onclick="appendOption()" value="添加">
    </form>
    </body>
    </html>