本文介绍了Twitter Boostrap-获取弹出文本区域和输入值的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在尝试在提交时在Bootstrap弹出窗口中获取输入值,但是我得到了一个空值.
I'm trying to get the input value inside a Bootstrap popover on submit, but i got a empty value.
<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;
});
http://jsfiddle.net/onigetoc/RvLrA/
推荐答案
尝试像这样引用它:
var inputval = $(".popover #myinput").val();
这篇关于Twitter Boostrap-获取弹出文本区域和输入值的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!