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

【问题标题】：How to Clear all TextBox value in page with MasterPage using jquery如何使用 jquery 清除 MasterPage 页面中的所有 TextBox 值
【发布时间】：2015-11-24 08:25:14
【问题描述】：

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

$('#<%=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);
    });

【问题讨论】：

$('input:text').val('');?
在所有要清除的元素上放置一个通用类并使用上面的代码：$('.myCommonClass').val('');
我已经测试了所有这些，不适用于母版页
您能分享一下您是如何使用它的吗？您尝试在哪个代码中对所有文本框执行此清除操作。

标签： jquery asp.net

【解决方案1】：

您可以像这样选择 div 内的所有文本框：-

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

注意第二个参数是context 你想找到所有的控件。由于您想在 div 中查找所有文本框，因此我将 div 的 id 作为第二个参数传递。

【讨论】：

@Farzaneh - 你试过了吗？母版页也呈现为 HTML 它没有什么不同。它肯定会奏效。

【解决方案2】：

如果您想清除所有 type="text" 的输入字段，请使用：

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

【讨论】：

【解决方案3】：

你可以这样做：

我在 Fiddle 中添加了两个按钮来说明如何通过按钮在这些输入字段中插入或清除值。您只需捕获 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】：

试试下面的代码。

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

或

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

或

为所有文本框分配通用 css 类并尝试以下代码。

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

【讨论】：

以上方法都可以试试？

【解决方案5】：

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

【讨论】：

它正在执行客户端。您尝试从哪个事件中清除文本框？以及来自哪个控制事件？该控件是否属于母版页？
如果你的div是在服务器上运行的，那么你应该带clientid。否则不需要。请把你的代码完整，否则很难理解。