繁体   English   中英

如何使用jQuery删除textarea中的值

how to remove the value in the textarea using jquery

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

嗨,我在div表中有一行,如下所示:

<div class="tbody plb" id="impemail">
    <div class="tbc1" style="border-right:none;">
        <input class="tblinput sname pvar" type="text">
        <input type="hidden" class="ppre" value="">
    </div>
    <div class="thc2" style=" width: 75%; border-left:1px dotted #CFCFCF;">
        <textarea class="tblinput semails txtInputta pvar" style="font-size:13px;"></textarea>
        <input type="hidden" class="ppre" value="">
        <div class="errmsg emailerr"></div>
    </div>
    <div class="hideRow" style="width:20px;float:right;padding:15px 0px 0px 0px;">
        <img src="../../../images/redcross.png" alt="" />
    </div>
</div>

并且我尝试编写函数以使用jQuery函数单击类“ hideRow”时删除此行,如下所示,这里我想在hideRow函数进行时清除输入和textarea字段,以便刷新页面后值不应在该行中存在。 我尝试的jQuery函数如下:

 $(function () {
     // Delete row from PTC grid 
     $('.hideRow').live("click", function () {
         $(this).parents('.plb').hide("slow", function () {
             $(this).parents('.tblinput sname pvar').val('');
             $(this).parents('.tblinput semails txtInputta pvar').val('');
         });
     })
 });

任何人都请告诉我如何清除这两个字段,以便在页面重新加载后不存在这些值。

2 个回复

如下更改您的选择器:

$(this).parents('.tblinput.sname.pvar').val('');
$(this).parents('.tblinput.semails.txtInputta.pvar').val('');

对于一个元素的多个class ,您需要使用dot(.)将这些class名连接起来,而没有任何空间像上面那样在它们之间进行选择。


您的选择器在做什么

选择器.tblinput sname pvardescendant selector格式。 这意味着它在tblinput snamesname搜索pvar ,第二个相同。


相关参考:


根据评论

$(function () {
     // Delete row from PTC grid 
     $('.hideRow').live("click", function () {
         $(this).closest('.plb').hide("slow", function () {
           $(this).find('.tblinput.sname.pvar, .tblinput.semails.txtInputta.pvar').val('');
         });
     })
 });

您的主要问题是,在.hide()的回调中, this的值表示隐藏的元素。 正确遍历技术.find()$(this).find('.tblinput.sname.pvar').val('');

Java脚本

 $(function () {
     // Delete row from PTC grid

     // .live() is deprecated, port to .on()
     $('.hideRow').live("click", function () {

         //use .closest() instead of .parents() - less traversing
         $(this).closest('.plb').hide("slow", function () {

             // search down, not up - and no space between class selectors
             $(this).find('.tblinput.sname.pvar').val('');
             $(this).find('.tblinput.semails.txtInputta.pvar').val('');
         });
     })
 });
3 如何使用JQUERY在textarea中添加值

我需要有关在jquery中使用append帮助。 每次我点击右键btnRight所选的选项值将添加到textarea中,所以我使用append在textarea中添加值。 它已经在textarea中添加了一个值,但值是“未定义的”。 任何人都可以帮助我为什么我得到一个“未定义”的值? ...

4 如何使用jQuery获取和设置textarea值

我的表单上有一个文本编辑器。 当我单击textarea中的某个内容时,textarea列的弹出窗口中会显示相同的值。 这是我必须设置结果的文本区域: 查看要获得结果的页面: 这是我的预览按钮: 在弹出窗口中显示视图结果后,不允许用户编辑这些值 ...

2016-09-28 05:08:17 2 665   jquery
6 使用jQuery更新textarea值

我在表单中使用Bootstrap WYSIHTML5 html编辑器,例如 并在输入字段中输入了产品并希望使用描述更新文本区域时使用Ajax获取产品详细信息 但是,这段代码不会在$('#product_code').val(data['product_code']);更新text ...

8 如何在jQuery中清除textarea值?

我试图通过在用户键入不期望的键时添加警报,然后清除文本区域来验证键码输入。 警报功能正常,但文本区域未清除。 我在这里检查了文档,但是我的.val()行看不到区域。 我也尝试过这样: $("#noteNumberInput").attr('value', ""); 场景:我在文本 ...

10 使用jQuery从文本区域中删除初始文本

我有一个通过Symfony使用以下代码构建的textarea: 控制器: 模板: 产生以下HTML: 现在,当重点关注文本区域时,我希望初始文本消失。 我只是不确定如何去做。 我试过了: 但无济于事。 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2021 STACKOOM.COM