Question

当我从选择菜单中单击“第七”时，如何显示表单字段（输入类型）。

Answer 1

您的html代码应该像

@Test 
public void method() { 
    Assert.fail("message") 

}

并通过使用jQuery显示类似的文本框

<select id="select">
<option value="6th">6Th</option>
<option value="7th">7Th</option>
</select>
<input type="text" id="textbox" name="textbox"/>

Answer 2

如果您不想依赖jquery，这是一个JavaScript示例。

<head>
<script>
window.onload = function(){
    var dropdown = document.getElementById("example");
    var textbox = document.getElementById("textbox");
    dropdown.addEventListener("change", function() {
        if(dropdown.value == 7){
            textbox.style.display = "block";
        }else{
            textbox.style.display = "none";
        }
    });
}
</script>
</head>
<body>
<select id="example">
    <option value="1"> 1 </option>
    <option value="2"> 2 </option>
    <option value="7"> 7 </option>
</select>
<input id="textbox" type="text" style="display:none;">
</body>

当我单击<select>项目时如何显示表单字段（输入type =“ text”）

2 个答案: