Question

需要一些javascript的帮助。不太经验的JavaScript。想知道是否有人为此提供了一些片段。

工作流程/概述：
4个字段
用户在字段2-4中输入数据用户从字段1中的下拉菜单中选择重置字段重置为默认值
   - 字段2重置＆gt;请选择
   - 字段3重置＆gt;空白
字段不重置
   - 字段4不休息＆gt;保留输入值

谢谢你的帮助。

代码

</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”时。 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";

...
}

}

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

1 个答案: