Question

我想将jquery函数结果显示给bootstrap模型体。

jquery函数

 function randomNumberRange(min, max)
{
    var x= Math.floor(Math.random() * (max - min + 1) + min);
    console.log(x);

    return Math.floor(Math.random() * (max - min + 1) + min);
}

<。> .html文件模型正文

<div class="modal-body">

          </div>

我希望x的值应该在html中显示在模型体中。

有一个提交按钮来启动模型

<button onclick="location.href = '/poll/result/';" id="myButton" class="float-left submit-button" >submit</button>
</div>

所以一旦我点击提交，它应该在模型体中显示x的值。请帮帮我。

Answer 1

HTML：

<button id="myButton">submit</button>
  <div id="modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
      <div class="modal-body">

      </div>
    </div>
  </div>
</div>

JS：

function randomNumberRange(min, max)
{
    var x= Math.floor(Math.random() * (max - min + 1) + min);
    console.log(x);

    return Math.floor(Math.random() * (max - min + 1) + min);
}

$(document).ready(function() {
  $('#modal').modal({show:false});

  $('#myButton').click(function(e) {
    $('.modal-body').text(randomNumberRange(1,2));
    $('#modal').modal('show'); 
  });

})

EXAMPLE

想要将jquery函数结果显示给bootstrap模型体

1 个答案: