Twitter Boostrap - 获取popover textarea和输入值

Gin*_*ino 5 jquery twitter-bootstrap twitter-bootstrap-3

我试图在提交时获取Bootstrap popover中的输入值,但我得到一个空值.

<div class="popover-markup"> <a href="#" class="trigger">Popover link</a> 
    <div class="head hide">Lorem Ipsum</div>
    <div class="content hide">
        <div class="form-group">
            <input type="text" id="myinput" class="form-control" placeholder="Type something…">
        </div>
        <button type="submit" id="mysubmit" class="btn btn-default btn-block">Submit</button>
    </div>
    <div class="footer hide">test</div>
</div>

$('.popover-markup>.trigger').popover({
    html: true,
    title: 'Get value',
    content: function () {
        return $(this).parent().find('.content').html();
    }
});

$(document).on("click", "#mysubmit", function () {
    var inputval = $("#myinput").val();
    alert(inputval);
    return false;
});
Run Code Online (Sandbox Code Playgroud)

http://jsfiddle.net/onigetoc/RvLrA/

Tre*_*vor 11

尝试像这样引用它:

var inputval = $(".popover #myinput").val();
Run Code Online (Sandbox Code Playgroud)

  • 哇,这么快又容易,我没试过.谢谢 (2认同)
  • @Alex,基本上在这种情况下popover会发生的事情是Input元素被克隆和隐藏.所以实际上有两个具有相同的ID.因此,如果您没有指定在.popover中查找输入元素,jQuery将选择它可以找到的第一个匹配ID; 原始的空输入,从而返回空值. (2认同)