Javascript 使用onclick按钮在模式窗口中使用引导设置文本框值

Javascript 使用onclick按钮在模式窗口中使用引导设置文本框值,javascript,jquery,html,twitter-bootstrap,Javascript,Jquery,Html,Twitter Bootstrap,我正在尝试使用onclick按钮在模式文本框中显示用户名 我在那里有一个按钮,onclick我正在调用onclick=“getUserName(this.id)” 给我一个我想输入的名字 modal textbox userName 这是我的功能 function getUserName(username) { $('#editUserPopUp').bind('show',function(){ alert(username); $("#u

我正在尝试使用onclick按钮在模式文本框中显示用户名 我在那里有一个按钮,
onclick
我正在调用
onclick=“getUserName(this.id)”

给我一个我想输入的名字

modal textbox userName
这是我的功能

function getUserName(username) {
      $('#editUserPopUp').bind('show',function(){
          alert(username);
          $("#userName").val(username);
      });
 }
我在
警报(用户名)
但如何将thsi值设置为模态用户名文本字段

这是我的模式


更新密码

我认为问题在于您使用的是
show
event,而不是尝试调用
show
event,如下所示:

function getUserName(username) {
  $('#editUserPopUp').modal('show');

  $('#editUserPopUp').on('shown', function () {
    alert(username);
    $("#userName").val(username);
  })

}

p/s:没有测试它。希望这有帮助。如果不起作用,请进行注释。

我认为问题在于您使用的是
show
事件,而不是尝试调用
show
事件,如下所示:

function getUserName(username) {
  $('#editUserPopUp').modal('show');

  $('#editUserPopUp').on('shown', function () {
    alert(username);
    $("#userName").val(username);
  })

}
p/s:没有测试它。希望这有帮助。如果不起作用,请发表评论。

这应该起作用

但是,您还应该查看有关模态窗口的引导文档。有一节解释如何改变模态内容

使用event.relatedTarget和HTML data-*属性(可能通过jQuery)根据单击的按钮改变模式的内容

函数getUserName(username){
var$modal=$(“#editUserPopUp”),
$userName=$modal.find(“#userName”);
$userName.val(用户名);
$modal.modal(“show”);
}

开放模态
更新密码
这应该行得通

但是,您还应该查看有关模态窗口的引导文档。有一节解释如何改变模态内容

使用event.relatedTarget和HTML data-*属性(可能通过jQuery)根据单击的按钮改变模式的内容

函数getUserName(username){
var$modal=$(“#editUserPopUp”),
$userName=$modal.find(“#userName”);
$userName.val(用户名);
$modal.modal(“show”);
}

开放模态
更新密码

代码中的按钮在哪里?看看这里代码中的按钮在哪里?看看这里@varun引导使用的是什么版本?尝试将
show
事件更改为
show.bs.modal
,我以前遇到过这个问题,但通过这样做可以解决这个问题。在这里检查@varun您使用了什么版本的引导?尝试将
show
事件更改为
show.bs.modal
,我以前遇到过这个问题,但通过这样做可以解决这个问题。切克