使用下拉菜單重置Javascript Specific Field

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”時，您可以在其中添加一個值。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";

...
}

}