Member 13463522 Ответов: 1

Как очистить уже введенное входное текстовое значение ?


Сначала пользователь нажимает кнопку, чтобы появился модал, затем он заполняет форму, которая находится на модале, и когда он нажимает кнопку Сохранить на модале, данные, введенные на модале, отображаются в форме. я хочу показать , что когда пользователь снова нажимает ADDPOSITION , уже введенный текст должен быть очищен и не может быть изменен предыдущий сохраненный текст.

Что я уже пробовал:

<form name="stuff">
<!-- Button trigger modal -->
<button class="btn btn-primary" data-toggle="modal" data-target="#myModal">
    add position
</button>

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="false">
<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="false">
                ×
            </button>
            <h3 class="modal-title" id="myModalLabel">add Position</h3>
        </div>
        <div class="modal-body">
            <form name="modal-form" class="form-horizontal">
                <!-- form stuff goes here -->
                 <input type="text"  name="job_title" value="" />
     <input type="text"  name="from" value="" />  – <input type="text" name="to" value="" /> <input type="text"  name="total experience" value="" /> 
     <input type="text"  name="industries" value="" /> 
            </form>
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">
                Close
            </button>
            <button type="button" type="submit" class="btn btn-primary" id="save" data-dismiss="modal">
                Save
            </button>
        </div>
        </div><!-- /.modal-content -->
      </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->

    <!-- after save button data entered on modal goes here i.e. -->
     <input type="text" disabled name="job_title[]" value="Software Developer" />
     <input type="text" disabled name="from[]" value="November 2013" />  – <input type="text" disabled name="to[]" value="present" /> <input type="text" disabled name="total experience[]" value="2 months" /> 
     <input type="text" disabled name="industries[]" value="IT" /> 
</form>



язык JavaScript:
$('#save').click(функция() {
$( "введите[имя='job_title[]']" ).функция val($("введите[имя job_title='']").вал());
$( "введите[имя=', с[]']" ).функция val($("введите[имя= "с"]").вал());
$( "введите[имя='[в]']" ).функция val($("введите[имя= "к"]").вал());
$( "введите[имя='общий стаж[]']" ).функция val($("введите[имя='общий стаж']").вал());
$( "введите[имя='промышленности[]']" ).функция val($("введите[имя='промышленности']").вал());
});

F-ES Sitecore

А какой у тебя вопрос?

OriginalGriff

"Я идентифицирую проблему, понимаю ее природу, ее составные части и отношения между ними"
Отлично. Это должно вам очень помочь.
Проблема в том, что мы понятия не имеем, с какой проблемой вы столкнулись: что делает то, чего вы не ожидали, или не делает то, что вы сделали? Где ты застрял? Какая помощь вам нужна?

Используйте виджет "улучшить вопрос", чтобы отредактировать свой вопрос и предоставить более подробную информацию.

Murali Gowda

Просто очистите значения текстового поля в конце события click.
$('#save').click(функция() {
...//существующий код
$("введите[имя job_title='']").вал("");
$("введите[имя= "с"]").вал("");
$("введите[имя= "к"]").вал("");
$("input[name='total experience']").val("");
$("input[name='industries']").val("");
});

1 Ответов

Рейтинг:
1

Sinisa Hajnal

В обработчике событий "close modal" очистите все входные данные. Какое событие? Зависит от того, какой модал вы используете. Вы можете нацелиться на кнопку, но ваши элементы управления не будут пустыми, если пользователь нажмет на верхний правый X или где-то на экране за пределами модала.