Question

目标：
当我点击清除所有按钮时，输入框内的数据应该是空的，下拉列表应该回到2009年的默认设置。

问题：
我不知道怎么办才能让你在按下按钮时下拉列表恢复默认状态？

的信息：
请记住，我不想对当前的javascript / jquery源代码进行任何重大更改，因为它在生产阶段使用。我想补充当前的源代码。

我尝试使用<input type="reset" value="Clear alll" name="clear_all">但是使用当前源代码无法长期使用。

谢谢！

http://jsbin.com/qezesohake/edit?html,js,console,output

    function df(data) {

        $(data).find(':input').each(function () {
            switch (this.type) {
                case 'text':
	
                case 'textarea':
                    $(this).val('');
                    break;
            }
        });

    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

<form action=""" method="post">    

<fieldset>
	<input id="aaa" type="text" value="" />
	<input id="bbb" type="text" value="" />


	<select id="year">

		<option value="2010">2010</option>
		<option value="2009" selected="selected">2009</option>
		<option value="2008">2008</option>

	</select>

</fieldset>


 <input type="button" value="Clear alll" name="clear_all" onclick="df(this.form)" />                                                          
                                                          
</form>

Answer 1

<form action="#" method="post">    

<fieldset>
	<input id="aaa" type="text" value="" />
	<input id="bbb" type="text" value="" />


	<select id="year">

		<option value="2010">2010</option>
		<option value="2009" selected="selected">2009</option>
		<option value="2008">2008</option>

	</select>

</fieldset>


 <input type="reset" value="Clear alll" name="clear_all" onclick="doSomething()">                                                         
                                                          
</form>

<script>
   function doSomething(){
     alert('Do something!');
   }
</script>

Answer 2

您不需要任何javascript来清除表单，只需将输入类型替换为MKAnnotation按钮

reset

Answer 3

重置按钮不需要传递任何onClick事件。它会自动运行。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<form action=""" method="post">    
    <fieldset>
        <input id="aaa" type="text" value="" />
        <input id="bbb" type="text" value="" />
        <select id="year">
            <option value="2010">2010</option>
            <option value="2009" selected="selected">2009</option>
            <option value="2008">2008</option>
        </select>
    </fieldset>
    <input type="reset" value="Clear alll" name="clear_all" />                                                          
</form>

清除所有数据并返回默认设置

3 个答案: