хотите отобразить результат функции jquery для тела модели начальной загрузки

Я хочу отобразить результат функции jquery для тела модели начальной загрузки.

функция 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 в теле модели. Пожалуйста, помогите мне.


html jquery bootstrap-modal
person Wagh    schedule 01.04.2014    source источник
comment
Посмотрите этот ответ - stackoverflow.com /вопросы/14971766/   -  person Nick    schedule 01.04.2014
comment
Я не использую ajax для этого .......   -  person Wagh    schedule 01.04.2014

Ответы (1)


arrow_upward
1
arrow_downward

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

})

ПРИМЕР

person Nick    schedule 01.04.2014
comment
сено, спасибо, я получил ваш ответ, но все же я не получаю результат. Куда мне нужно поместить этот код, внутри функции randomNumberRange() или в другом месте. - person Wagh; 01.04.2014
comment
$(document).ready(function(){ $('#myButton').click(function(e) { e.preventDefault(); $('.modal-body').text(randomNumberRange(60, 100) ); $('#mymodal').modal('show'); }); }); это не работает. - person Wagh; 01.04.2014
comment
эй, извините за беспокойство, я новичок в jquery. Прошу прощения за беспокойство. - person Wagh; 01.04.2014
comment
Я вижу, я изменил свой ответ. - person Nick; 01.04.2014