-1

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

    <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();
});

});

4

1 回答 1

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

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

注意：Textarea 存在两次，因为我相信有些浏览器不会将 textarea 的内容记录为value，而是记录为innerHTML.

编辑：如果要清除特定字段，id请在 HTML 中为该字段分配一个，然后使用 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 寻求帮助之前，请务必先阅读一些教程！

于 2013-09-16T12:43:14.710 回答