我已经设置了一个小网站,其中包含使用smallipop创建的工具提示。我在这个工具提示中输入了一个输入,现在我想做ajax提交,但这不是问题。问题是如何获得输入#Number
的正确值。
我为它设置了jsfiddle。
HTML:
<h1>WeTest</h1>
<div>
<span class="test" style="position:absolute;top:50px;left:500px;" id="weTrill">
click me
<span class="smallipopHint" >
<div class="weTrillForm">
# <input type="text" placeholder="type a number." id="Number" name="number" value=""/>
<div class="weTrillMore"><small>*some text..</small></div>
<div class="weTrillSubmit"> <button onclick="alert($('#Number').val());">Get</button></div>
</div>
</span>
</span>
</div>
使用Javascript:
$('.test').smallipop({
preferredPosition: 'bottom',
theme: 'blue',
hideOnPopupClick: false,
triggerOnClick:true,
hideDelay:10000,
invertAnimation: true
});
问题是我无法用
看到值$('#Number').val();
答案 0 :(得分:3)
这里http://jsfiddle.net/R6Mqe/9/是适合我的代码。您必须注意按钮的单击事件,而不是遍历并获取输入值。
$(document).on('click', 'button', function() {
var val = $(this).closest('.weTrillForm').find('input').val();
alert(val);
});