Javascript 初始化DIV字段后重置值

当我单击AddNewTeam按钮时，所有字段都应该为空

保存和添加团队的代码：

function AddNewTeam() {
        $('#teamdialog').dialog({
            resizable: false,
            autoOpen: true,
            height: 210,
            width: 350,
            modal: true
        });
      }

    function SaveNewTeam() {

        var team = RetrieveTeam();
        var IsChecked = $(IsAssociation).is(":checked");
        var url = (IsChecked) ? "/Administration/SaveNewTeamforIsAssociation" : "/Administration/SaveNewTeam";
        var TeamUserID = $('#teamteam :selected').val() > 0 ? $('#teamteam :selected').val() : 0;

        $.ajax({
            type: "POST",
            url: url,
            data: {"teamstring" : JSON.stringify(team), "TeamUserID" : TeamUserID},
            datatype: "json",
            success: function (teamID) {
                if (teamID > 0) {

                    GetTeams();

                    $('#teamdialog').dialog('close');
                }
                else {
                    alert("Unable to create Team.");
                }
            }
        });
    }

来观看部分:

        <td style="width: 33%">
            <fieldset>
                <legend>Team</legend>
                <select id="teamselect" size="10" onchange="GetRolls()">
                </select>
                <br />
                <input id="addnewteambutton"  disabled="disabled" type="button" class="btn" value="Add Team" onclick="AddNewTeam();" />
            </fieldset>
        </td>

<div id="teamdialog" title="Add Team" style="display: none;">
    <table>
        <tr>
            <td>
                <label>Team ID:</label></td>
            <td>
                <input id="teamidtext" type="text" style="width: 100px;" maxlength="6" /></td>
        </tr>
        <tr>
            <td>
                <label>Team Name:</label></td>
            <td>
                <input id="teamtext" type="text" style="width: 200px;"  /></td>
        </tr>
         <tr>
            <td>
                <label>Is Association</label></td>
            <td>
                <input name ="isAssociationcheckbox" type ="checkbox" id="IsAssociation"/>
            </td>
        </tr>
        <tr id="tdteam">
            <td>Team Name:</td>
            <td>
                <select id="teamteam" style="width:150px;">
                    <option value ="0"></option>
                  @foreach (RMS.UserService.User u in Model.TeamTeams)
                    {
                       <option value="@u.UserID">@(u.FirstName + " " + u.LastName )</option>
                    }
                </select>
            </td>

        </tr>
    </table>
    <input type="button" class="btn" value="Create Team" onclick="SaveNewTeam();" />
</div>

现在单击SaveNewTeam按钮后，新团队将被保存，但当我打开AddNewTeam时，我会得到以前输入的值，而我不应该得到这些值。我的问题是如何重置单击AddNewGroup按钮时打开的新窗口

---

谢谢你的帮助

您是说输入中有存储的历史记录吗

请在页面开始处尝试此操作

$('input[type=text]').attr('autocomplete','off');

---

它将停止每个文本字段的自动完成

我知道这听起来可能有些陈词滥调，但之前

$('#teamdialog').dialog('close');  

尝试添加：

$('#teamidtext').val('');
$('#teamtext').val('');
$('#isAssociationcheckbox').prop('checked', false);
$('#teamteam').val('');

此代码在提交后清除表单。我刚刚意识到您想要通过单击addnewteambutton来实现它。首先，您必须使用

$('#addnewteambutton').prop('disabled', false);

然后加上

$(function () {
  $('#addnewteambutton').click(function () {
  // insert here the code I've wrote
  });
});

---

这将是三合一；$'teamidtext，teamtext，teamteam'.val；$'isAssociationcheckbox'.prop'checked'，false；很高兴听到这个消息！您可以使用上面Donald的解决方案来减少线路。在我的情况下不起作用，但感谢您的回复..：