javascript - 使用下拉菜单重置 Javascript 特定字段

Question

需要一些 javascript 的帮助。对javascript没有太多经验。想知道是否有人对此有一些片段。

工作流程/概述：
4 个字段
用户在字段 2-4 中输入数据
用户从字段 1 的下拉菜单中选择重置

字段重置为默认值
- 字段 2 重置 > 请选择
- 字段 3 重置 > 空白
字段不重置
- 字段 4 不休息> 保留输入值

感谢您的帮助。

代码

</script>

    <form name="testform" action="" method="get">
        <fieldset>
            <label>Field 1<font color="red">*</font>:</label>
            <select name="select1" id="select1">
                <option value="Reset">Reset</option>
                <option value="1" selected>1</option>
                <option value="2">2</option>
                <option value="3">3</option>
            </select>

            <br/>
            <label>Field 2</label>
            <select name="select2" id="select2">
                <option value="Please select">Please select</option>
                <option value="1">1</option>
                <option value="2">2</option>
                <option value="3">3</option>
            </select>

            </br>
            <label>Field 3</label>
            <input type="text" name="text1" size="100"/>

            </br>
            <label>Field 4</label>
            <input type="text" name="text2" size="100"/>
        </fieldset>

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

Answer 1

您应该阅读一些关于 javascript 的内容，因为这是基础知识之一（并查看 jquery）

主要是从 javascript 访问一个项目，你可以这样做：var element = document.getElementById('select2')

现在，当您拥有可以在其中输入值的元素“元素”时。 element.value = "请选择";

最终代码是：

<select name="select1" id="select1" onchange="maybeReset()">

function maybeReset(){
element1  = document.getElementById('select1');

if (element1.value == "Reset")
{
var element  = document.getElementById('select2');
element.value = "Please select";

...
}

}