如何使用jquery清除页面中的所有TextBox值

时间:2015-11-24 08:25:15

标签: jquery asp.net

我在asp.net中有一个带有MasterPage的页面。我必须使用jquery清除div中的所有文本框值。 我知道我可以用这样的身份清除他们:

$('#<%=txtName.ClientID %>').val('');

但是我想在没有身份的情况下立刻清除它们; 有人可以帮我吗?

更新:

    $(".custom-menu li").click(function () {
            case "AddNode":

                $('#<%=txtName.ClientID %>').val(''); // worked
                $('#<%=txtLastName.ClientID %>').val(''); //worked
                $('#<%=txtDesc.ClientID %>').val(''); //worked

                //$('.treeView input[type=text]').val(''); //don't work
                //$('input[type="text"]', $('#chartBox')).val(''); //don't work



                //$('#chartBox input').val(''); ////don't work

                $("#chartBox").find('input:text, input:password, input:file').val(''); //don't work
                break;
        }
        $(".custom-menu").hide(100);
    });

5 个答案:

答案 0 :(得分:1)

您可以选择div中存在的所有文本框,如下所示: -

$('input[type="text"]',$('#divId')).val('');

注意第二个参数是context,你想要找到所有控件。既然你想在div中找到所有文本框,我将div的id作为第二个参数传递。

答案 1 :(得分:0)

尝试以下代码。

$('#divId input').val('');

OR

$("#divID").find("input[type=text]").val('');  

OR

将通用css类分配给所有文本框并尝试下面的代码。

$('.yourcssclass').val('');

答案 2 :(得分:0)

如果要清除所有输入字段的类型=&#34; text&#34;用这个:

$("input[type='text'].foreach(
    function(){
        $(this).val('');
    }
);

答案 3 :(得分:0)

您可以这样做:

我在小提琴中添加了两个按钮,说明如何通过按钮在这些输入字段中插入或清除值。您只需捕获onClick事件并调用该函数。

Fiddle Demo

//Fires when the Document Loads, clears all input fields
$(document).ready(function() {
$('.fetch_results').find('input:text').val('');    
});

//Custom Functions that you can call
function resetAllValues() {
$('.fetch_results').find('input:text').val('');
}

function addSomeValues() {
$('.fetch_results').find('input:text').val('Lala.');
}

查看this great answer below by Beena以获得更通用的方法。

答案 4 :(得分:0)

$("#divid").find('input:text, input:password, input:file').val('');