Question

我的HTML和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）。例如，我选择男性，我想结果男性出来但不在盒子边，我希望它是男性与盒子

Answer 1

更改

<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;

表格显示在框中

1 个答案: