1

我建立了一个小型网站,其中包含使用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();
4

1 回答 1

3

这里http://jsfiddle.net/R6Mqe/9/是对我有用的代码。您必须注意按钮的单击事件,然后遍历并获取输入值。

$(document).on('click', 'button', function() {
    var val = $(this).closest('.weTrillForm').find('input').val();
    alert(val);
});
于 2013-06-18T16:39:12.147 回答