插入文本框和下拉菜单

我想保留电影的标题和流派以备后用。我只在单击“插入电影”这个句子时才显示文本框和下拉菜单。在单击该句子之前出现下拉菜单，我不知道如何更改该句子。我还想以某种方式保留输入值。插入文本框和下拉菜单

<html> 
    <head> 
    <title >MOVIES </title> 

    <script type="text/javascript"> 
    function myFunction() { 
    document.getElementById("a").innerHTML="<p><input type='text' name='title'>"; 
    } 
    </script> 

    </head> 
    <body> 
    <center> 
    <form> 
    <h1 style="color:black">MOVIES </h1> 
    </center> 
    <ul> 
    <li> <a onclick="myFunction()">Insert a movie </a> </li> 
    <p id="a"></p> 



    <select name="mydropdown"> 
    <option value="Action">Action</option> 
    <option value="Animation">Animation</option> 
    <option value="Comedy">Comedy</option> 
    <option value="Drama">Drama</option> 
    <option value="Fantasy">Fantasy</option> 
    <option value="Horror">Horror</option> 
    <option value="Mystery">Mystery</option> 
    <option value="Romance">Romance</option> 
    <option value="Sci-fi">Sci-fi</option> 
    <option value="War">War</option> 

    </form> 
    </body> 
    </html>

来源

2014-06-09 user3582233

在你myFunction功能，插入下面的代码：

var dropDownElement = document.createElement("select") 

document.body.appendChild(dropDownElement);

然后做插入的下拉列表中的所有选项同样的事情。您也可能想要考虑隐藏下拉列表框。为此，您可以使用dropDownElement.style.display = "none";

来源

2014-06-09 15:29:16 mwilson

插入文本框和下拉菜单

回答

相关问题