窗体显示显示在框中

Form display showing in box

本文关键字:显示 窗体      更新时间:2023-09-26

MY HTML and JS。

<html>
    <head>
    <script type= "text/javascript">
    function gender()
    {
        var mygender=document.getElementById("mygender");
        document.getElementById("maleorfemale").value=mygender.options[mygender.selectedIndex].text;
    }
    </script>
    </head>
    <body>
    <form>
    Gender: 
    <select id= "mygender" onChange="gender()">
        <option></option>
         <option>Male</option>
        <option>Female</option> 
    </select>
    <input type="text" id="maleorfemale"> 
    </form>
    </body>
    </html>

在没有方框的测试中,我应该如何显示所选类型(M或F) ?例如,我选择了Male,我希望结果是Male,但不是在框外,我希望它是Male,但在框外

change

<input type="text" id="maleorfemale">

<div id="maleorfemale"/>

document.getElementById("maleorfemale").value=mygender.options[mygender.selectedIndex].text;

document.getElementById("maleorfemale").innerHTML=mygender.options[mygender.selectedIndex].text;