2016-09-27 6 views
2

Я новичок в jquery. Я хочу показать popup div со значениями, введенными во все поля, которые я хочу вызвать JQuery.Показать из jquery input значение feild без сохранения в базе данных

<button id="ReviewJob">Review Your Job Posting</button> 

Когда я Нажмите выше кнопку Это всплывающее окно должно появиться, я хочу позвонить по JQuery:

<div class="modal fade" id="myModal" role="dialog"> 
<div class="modal-body"> 
<ul class="list-unstyled"> 
<li class="well-sm"><span class="col-md-8 col-sm-8 col-xs-7">Job Name </span> <span id="jobname1"></span> </li> 
</ul> 
</div> 
</div> 

Форма такова:

<input type='text' name="jobname" id="jobname" list='Your-job' class="wp-form-control" placeholder="Name Your Job"> 

Jquery показать значение, введенное в форме

$("#ReviewJob").click(function() 
{ 
$("#myModal").modal('show'); 
var jobname = $("#jobname").val(); 
$("#jobname1").html('jobname'); 
}); 
+0

что #JobSubmit? – madalinivascu

+0

извините, мой плохой я получил решение, спасибо всем. –

ответ

1

Обновите свой код.

Использование $ ("# myModal"). Шоу(), чтобы включить в модель всплывающее окно

$("#ReviewJob").click(function() 
{ 
    var jobname = $("#jobname").val(); // get the value of form field 
    $("#jobname1").html(jobname); // set the value to the view field 
    $("#myModal").show(); // enable the model popup 
}); 
1

Вы позвонили показать функцию неправильно в соответствии со стандартами JQuery.

Должно быть так.

$("#myModal").show(); 

При использовании кнопки убедитесь, что вы даете идентификатор для кнопки, а затем использовать функцию щелчка, чтобы включить всплывающие для вас

Jquery Эффект шоу() Метод:

Метод show() показывает скрытые выбранные элементы.

Примечание: show() работает с элементами, скрытыми с помощью методов и отображения jQuery: нет в CSS (но не видимость: скрыта).

Пример:

$("button").click(function(){ 
    $("p").show(); 
}); 

Ссылка: http://api.jquery.com/show/

+0

может видеть, что посмотрел мой обновленный вопрос однажды @Naresh –

2

использование этого

$("#myModal").modal('show'); 
+0

Работает как волшебное спасибо. –

+0

Я не могу проголосовать за ваш ответ. У меня нет репутации 15. извините и благодарю вас @Akshay –

+0

может посмотреть, посмотрите мой обновленный вопрос один раз –

2
$(document).ready(function(){ 
    $("button").click(function(){ 
     $('#myModal').show(); 
    }); 
}); 

Пожалуйста, попробуйте это ...

+0

можно посмотреть, посмотрите мой обновленный вопрос один раз –

+0

Не могли бы вы объяснить, что вы ищете для. –

+0

Конечно.! У меня есть форма с текстом feild, когда я нажимаю кнопку обзора, входное значение должно появляться во всплывающем окне. –