Javascript特定字段重置与下拉菜单

Javascript Specific Field reset with dropdown menu

本文关键字：下拉菜单 字段 Javascript      更新时间：2023-09-26

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


工作流/概述:4个字段
用户在字段2-4中输入数据
用户从字段1

的下拉菜单中选择重置字段重置为默认值
-字段2重置>请选择
-字段3重置>空白
fields不重置
-字段4 DOES NOT rest>保留输入值

谢谢你的帮助。

代码

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

你应该读一点关于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";
...
}
}
相关文章：