jQuery中的引导模式更改文本答案

【问题标题】：Bootstrap modal change text in jQueryjQuery中的引导模式更改文本
【发布时间】：2017-05-03 17:24:41
【问题描述】：

好的，我已经搜索并尝试了几种方法，但都没有奏效。

我有一个带有表单的模式和一个选择选项表单。我也有普通的纯文本，我想在我的 jQuery 中更改。

这是我的代码：

<!-- Modal -->
    <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title" id="exampleModalLabel"> <center> Kupovina online </center></h4>
          </div>
          <div class="modal-body">
            <form>
              <div class="form-group">
                <label for="recipient-name" class="control-label">Ime i Prezime:</label>
                <input type="text" class="form-control" id="recipient-name">
              </div>
              <div class="form-group">
                <label for="message-text" class="control-label">Adresa:</label>
                <textarea class="form-control" id="message-text"></textarea>
              </div>

              <div class="form-group">
                <label for="message-text" class="control-label">Telefon:</label>
                <div id="thisIsanID"> <p> THIS TEXT NEEDS TO CHANGE </p> </div>
              </div>

              <label for="paketizaberi" class="control-label">Paket:</label>
              <select class="form-control" id="paketizaberi">
                <option value="PaketZvezda">Zvezda</option>
                <option value="PaketSunce">Sunce</option>
                <option value="PaketGalaksija">Galaksija</option>
              </select>
            </form>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Otkaži</button>
            <button type="button" class="btn btn-primary" action="Update.php">Naruči</button>
          </div>
        </div>
      </div>
    </div>

在我的 jQuery 中我尝试过：

$('#thisIsanID').find('p').html('Changed Text !!!!!');

（当点击按钮并选择选项时调用）

我错过了什么？

【问题讨论】：

它应该可以工作。试试下面的代码 $('#thisIsanID p').html('changed...')
您拥有的 jQuery 应该会更改文本，问题可能在于您如何调用这段代码。按钮 onClick 事件是什么样的？
这段代码工作正常，看看你的按钮点击和选项选择是否处理得当
在哪里将事件绑定到按钮和选项事件？
以上所有，加上在你调用 jQuery 代码的地方旁边尝试console.log('something')，看看它是否触发，很可能它没有触发，所以你会明白为什么......去逐行浏览那段代码，你会发现它......

标签： javascript jquery twitter-bootstrap bootstrap-modal

【解决方案1】：

在脚本中添加 jquery.min 文件

&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;

【讨论】：