如何使用JQuery清除文本清除按钮

时间:2010-01-20 22:19:55

标签: jquery asp.net-mvc

我有一个清除按钮,需要使用JQuery函数清除此按钮单击的TextBox值(输入)。

3 个答案:

答案 0 :(得分:4)

您只需将单击事件附加到按钮,该按钮将输入元素的值设置为空。

$("#clearButton").click(function() {
        $("#textbox1").val("");
});

当然为了给你精确的选择器,我们需要看到实际的html。上面的jquery调用适用于这个html。

<button type="button" id="clearButton">Clear</button>
<input id="textbox1" type="text" value="" />

答案 1 :(得分:2)

$('#' + fieldName).val("");

或者你可以使用类名;

$('.' + fieldName).val("");

有时在环境中更改id时类名更好。

答案 2 :(得分:2)

让我们说你有一个“thingtoclear”和一个“thingtoclick”然后你可能想要这样的东西:

    $(document).ready( function() {
       $('#thingtoclick').click( function () {
             $('#thingtoclear').val(""); 
       });
     });