重置特定字段的按钮

时间:2012-05-01 09:08:58

标签: javascript jquery html forms

我有一个生成字符串的工作表单,通过单击按钮,它将字符串放在文本区域框中。

我还有一个重置按钮,可以重置所有字段,但不能重置字符串的文本区域。

以下是我的一些代码。

HTML:

<form>

<!--some more code and inputs-->

</tbody> </table> </p> <p> <input value="Generate URL" onclick="createURL1();" type="button">


<input name="result" size="70" class="clearit" type="text" ></input>
<input type="button" value="Add The Link" onClick="addtext();"></p>
<textarea id="t5" style="width:600px;" name="outputtext" ></textarea><br><br>


 </p>  </td> </tr> </tbody> </table>

<input  type="reset" value="Clear" id="reset" ></input>

JavaScript的:

$(document).ready(function(){
    $('#reset').on('click',function(e){
        e.preventDefault();
        $('.clearit').val("");
    });

});

我提供了所有要重置类的输入( clearit ),重置按钮获得了一个ID: reset 。我不想重置的唯一字段有不同的ID。

它应该工作而不是..请帮助:)

1 个答案:

答案 0 :(得分:0)

使用此javascript函数并排除具有您不想重置的id的元素,您可以通过左输入空白或下拉列表等于-1来指定重置方式 它适用于IE和fire fox tesed

 function resetLabels()
    {
        //mainForm is the name of form
        var cells = document.mainForm.elements;
        for (var i= 0; i < cells.length; i++) {
             if(cells[i].name !='txtName')//for example to not reset by name 
            cells[i].value='';

   //    cells[i].className = '';
   //    cells[i].style.color = 'black';
   // or cells[i].value='-1' for drop down
   // or cells[i].name= '';  name and id to compare and exclude specific elements
   // or cells[i].id= '';    
   //and i suggest to name like txt... and ddl...to                                  
   //know the type by name and id or just check the type
   //of element by using  cells[i].type


        }


    }