如何在引导箱中编写预填充输入

Question

我希望引导箱在单击更新按钮时将 var name 填充到引导箱输入中，但它没有这样做。我还在下面的代码中突出显示了相同的内容

$(document).on("click", ".update", function () {
      var button = $(event.relatedTarget); /*Button that triggered the modal*/
      var name = button.data('name');
      modal.find('.bootbox-input-text').val(name); 
      $('.bootbox-form').find('input').val(name); /* Not Working */
      bootbox.prompt({
        title: 'Enter Description',
        placeholder: 'my placeholder',
        
        buttons: {
          confirm: {
            label: 'Submit'
          }
        },
        callback: function (value) {
          value && alert('You have entered: ' + value);
        }
      });
    });

Answer 1

如documentation 中所述，您可以使用value 选项为提示提供初始值：

$(document).on('click', '.update', function (e) {
    let button = $(this); /*Button that triggered the modal*/
    let name = button.data('name');
    
    bootbox.prompt({
        title: 'Enter Description',
        placeholder: 'my placeholder',

        value: name, /* this is the option you would use */

        buttons: {
          confirm: {
            label: 'Submit'
          }
        },
        callback: function (value) {
          value && alert('You have entered: ' + value);
        }
    });
});