Сбросить значения после инициализации поля DIV

0

Я должен все поля пустым, когда я нажимаю кнопку 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().

Ценю вашу помощь..!!!

Теги:
asp.net-mvc-4

2 ответа

0
Лучший ответ

Я знаю, что это может звучать банально, но прежде

$('#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
  });
});
  • 0
    Это будет три в одном;) $('#teamidtext, #teamtext,#teamteam').val(''); $('#isAssociationcheckbox').prop('checked', false);
  • 0
    Еще лучше, Дональд
Показать ещё 2 комментария
0

Вы говорите, что входы имеют в них хранимую историю?

Попробуйте это в начале страницы

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

Он остановит автоматическое заполнение текстового поля

  • 0
    Не работал в моем случае, но спасибо за ответ .. :)

Ещё вопросы

Сообщество Overcoder
Наверх
Меню