单击某些文本框时,将重置简单的javascript表单

时间:2009-11-27 10:55:50

标签: javascript

早上好......厚厚的,新手在这里富有!

我有一个非常简单的设置,三种不同的搜索选项,用于查找产品信息,即级联下拉列表,产品搜索文本框和单选按钮列表。

理想情况下,我不希望表单混乱信息或者必须使用“单击此处重置”按钮。

当用户点击下拉菜单,文本框或单选按钮列表时,我希望表单能够重置/清除。因此,这将确保搜索不会混淆可能未被使用的信息。

怎么会这样做呢?根据我的其他问题,请原谅我的无知。

2 个答案:

答案 0 :(得分:0)

如果您正在使用jquery,那么您想要做的事情相当简单。如果不知道你的确切标记我真的只能为你伪代码,但这样的事情应该是一个开始:

<script language="javascript" type="text/javascript">

$(document).ready(function() {
    $inputs = $("#places, #search, #radio_search");
    $.each($inputs, function() {
        $(this).focus(function() {
            $.each($inputs, function() {
                $(this).val('');
                $(this).attr('checked', false);
            })
        });
    })
});

</script>

您希望包含jquery库并将其添加到要执行此操作的html页面的head标记中。您还需要确保$inputs = $("#places, #search, #radio_search");与您尝试更改的输入的特定ID匹配。

答案 1 :(得分:0)

好的dokey,让它上班,可爱的东西。

但是,在我的下拉列表中,我希望保留orignal值而不是一起清除它,当前的工作代码如下。

<script language="javascript" type="text/javascript">

$(document).ready(function(){ $ inputs = $(“#tbxProdAC,#ddlBuyer,#txtbxHowMany,radTopx”);
        $ .each($ inputs,function(){ $(this).focus(function(){ $ .each($ inputs,function(){ $(本).VAL( '');
$(this).attr('checked',false);             })         });     }) });

有没有办法可以指定各个值,即tbxProdAC ='', ddlBuyer =原始值,txtbxHowMany ='',radTopx =''?