텍스트 상자 및 드롭 다운 메뉴 삽입

추가 용도로 영화의 제목과 장르를 유지하고 싶습니다. '문장 삽입'을 클릭했을 때만 텍스트 상자와 드롭 다운 메뉴를 표시하려고합니다. 문장을 클릭하기 전에 드롭 다운 메뉴가 나타나고이를 변경하는 방법을 모릅니다. 입력을 계속 유지하려고합니다. 값.텍스트 상자 및 드롭 다운 메뉴 삽입

var dropDownElement = document.createElement("select") 

document.body.appendChild(dropDownElement);

그런 다음 드롭 다운 목록에 대한 모든 옵션을 삽입 같은 일을 : 당신의 myFunction 기능에

<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

다음 코드를 삽입합니다. 또한 때때로 드롭 다운 목록 상자를 숨길 수도 있습니다. 이를 위해 dropDownElement.style.display = "none";

을 사용할 수 있습니다.

출처

2014-06-09 15:29:16 mwilson

텍스트 상자 및 드롭 다운 메뉴 삽입

답변

관련 문제