Question

我有一个表单，我希望在用户改变他/她的选择时清除可选字段。我得到了添加或删除可选选项的表单，但是如果用户在可选字段中键入文本，然后更改他/她的想法，并点击取消按钮，那么我希望清除可选字段中的值。我需要这个，因为在提交表单时，如果没有可选字段的新日期提交到数据库，则可选字段为空是很重要的。

    <form>
      <a href="#" class="show_hide">+ Add New</a>
      <div class="slidingDiv">
        Artists name: <input type="text" name="name">
        Artists info: <textarea name="info" cols="65" rows="15"></textarea>  
        <a href="#" class="show_hide">Cancel</a>
      </div>
    </form>

-

$(document).ready(function(){

    $(".slidingDiv").hide();
    $(".show_hide").show();

$('.show_hide').click(function(){
$(".slidingDiv").slideToggle();
});

}）;

Answer 1

$('.show_hide').click(function(){
    $(".slidingDiv").slideToggle();
    $(".slidingDiv input").val("");
    $(".slidingDiv textarea").val("");
    $(".slidingDiv textarea").html("")
});

这会将字段的值更改为“”或空白。

注意：Textarea在那里两次因为我认为某些浏览器不会将textarea的内容记录为value，而是记录为innerHTML。

编辑：如果要清除特定字段，请在HTML中为该字段指定id，然后使用jQuery清除其值。

例如：

<input type="text" name="customerName" id="myInputField" />
<textarea name="customerResponse" id="myTextarea" /></textarea>

...然后你的jQuery：

$("#myInputField").val("");
$("#myTextarea").val("");

所以如果你给.slidingDiv input id“myInputField”，你只想清除输入而不是textarea，那么你的jQuery看起来像这样：

$('.show_hide').click(function(){
    $(".slidingDiv").slideToggle();
    $("#myInputField").val("");
});

这是非常非常基本的jQuery，所以在访问StackOverflow寻求帮助之前，请务必查看一些教程！

关闭时清除表单输入字段

1 个答案: