从 jquery 显示输入字段值而不存储在数据库中

Question

我是 jquery 的新手。我想显示弹出窗口 div，其中包含我想通过 JQuery.

调用的所有字段中输入的值

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

Answer 1

根据 JQuery 标准，您错误地调用了 show 函数。

应该是这样的

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

使用按钮时，请确保提供按钮的 ID，然后使用点击功能为您启用弹出窗口

jQuery Effect show() Method:

show() 方法显示隐藏的选定元素。

注意： show() 适用于使用 jQuery 方法和 CSS 中的 display:none 隐藏的元素（但不是 visibility:hidden).

示例：

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

参考：http://api.jquery.com/show/

Answer 2

使用这个

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

Answer 3

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

请试试这个...

Answer 4

更新您的代码。

使用 $("#myModal").show() 启用模型弹出窗口 Window

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

从 jquery 显示输入字段值而不存储在数据库中

Show from jquery input feild value without storing in database

jquery

show-hide