Question

我是jquery的新手。我想显示popup 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

使用此

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

Answer 2

根据JQuery标准，您已将show函数调用错误。

应该是这样的。

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

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

jQuery Effect show（）方法：

show（）方法显示隐藏的选定元素。

注意： show（）适用于使用jQuery方法隐藏的元素，并且在CSS中显示：none（但不是可见性：隐藏）。

示例：

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

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

Answer 3

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

请试试这个......

Answer 4

更新您的代码。

使用$（＆＃34; #myModal＆＃34;）。show（）启用模型弹出窗口

$("#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输入feild值显示而不存储在数据库中

4 个答案: