无法通过jquery获取textbox的值

时间:2014-10-31 14:31:40

标签: jquery asp.net-mvc

的javascript

<script>
    jQuery(function ($) {                                  
        var userName = jQuery("#userName").val();

        $('#btnsubmit').click(function () {
            alert(userName);

        });
    });
</script>

HTML

<div class="contact">
    <div class="contact-form">
        <h2>Check Out</h2>
        <div>
            <span><label>Name</label></span>
            <span><input name="userName" type="text" class="textbox" id="userName"></span>
        </div>
    </div>
    <div class="clear"></div>
</div>

我无法获得文本框的值。单击按钮时,它始终为空。请帮我看一下用于ajax的文本框的值。

2 个答案:

答案 0 :(得分:3)

在注册点击处理程序之前,您在页面加载时获取一次用户名,然后再也不会再次获取用户名。

您需要在点击处理程序中获取值 fresh

    jQuery(function ($) {                                  

        $('#btnsubmit').click(function () {
            var userName = $("#userName").val();
            alert(userName);

        });
    });

注意,您正在确定本地$,因此请在DOM就绪处理程序中使用它而不是jQuery :)

答案 1 :(得分:0)

试试这个:

<script>
    jQuery(function( $ ) {
        $('#btnsubmit').click(function () {
            alert($("#userName").val());
        });
    });
</script>