如何獲得不同的模態含量

Question

嗨，我正在嘗試獲取各種模式內容，但是由於我是JavaScript新手，所以我不確定我哪里出錯了

我的代碼：

<a data-toggle="modal" data-target="#exampleModal" data-whatever="sampleText" >testData</a>



        <div class="modal fade bs-example-modal-sm" tabindex="-1" id="exampleModal">
            <div class="modal-dialog modal-sm">
                <div class="modal-content">
                     <h4 class="modal-title" id="exampleModalLabel">New message</h4>
                     <form>
     <div class="form-group">
                <label for="recipient-name" class="control-label">Recipient:</label>
                <input type="text" class="form-control" id="recipient-name">
              </div>
              </form>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
                    </div>
                </div>
            </div>
        </div>


        <script type="text/javascript">
        $('#exampleModal').on('show.bs.modal', function (event) {
              var button = $(event.relatedTarget) // Button that triggered the modal
              var recipient = button.data('whatever') 
              var modal = $(this)
              modal.find('.modal-title').text('New message to ' + recipient)
              modal.find('.modal-body input').val(recipient)
            })
        </script>

我的目的是在輸入文本框中顯示“ sampleText”。 但是我不明白。 我只有一個空盒子。 還有一種方法可以在輸入框中顯示字符串列表。 抱歉，如果我的問題很基本。 小號

Answer 1

您的標記中沒有.modal-body類的元素，選擇器應為.modal-content input 。

modal.find('.modal-content input').val(recipient);

如果用字符串列表表示*值，則可以定義一個數組，並使用Array.prototype.join方法連接元素：

var list = ['an', 'array'];
var string = list.join('glue');
// ...
modal.find('.modal-content input').val(string);