繁体   English   中英

jQuery中的自举模式更改文本

[英]Bootstrap modal change text in jQuery

好的,我已经搜索并尝试了几种方法,但是都没有用。

我有一个带形式的模态和一个select-options形式。 我也有普通的纯文本,我想在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 !!!!!'); 

(单击按钮并选择一个选项时将调用此方法)

我想念什么?

在脚本上添加jquery.min文件

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM