表单输入类型文本jQuery

时间:2015-04-18 22:24:27

标签: javascript jquery

我不知道为什么当代码没有任何错误时我无法访问输入文本。

<form action="#">
                <table width="80%" align="center">

                    <tr>
                        <td>Write your name</td>
                        <td><input type="text" name="yourName" placeholder="Name" /></td>

                        <td><input type="button" value="Submit" id="sendName"/></td>
                    </tr>
                </table>

            </form>
            <p />
            <div id="nameResult"></div>

和js(jQuery):

$(document).ready(function(){

    $('#sendName').click(function(){
            $(document).ready(function(){

                var tag = $('#yourName').val();

                $('<p>Name ' + tag + '</p>').appendTo('#nameResult');

            });
    }); 

})

输出始终未定义。我不知道我做错了什么。

1 个答案:

答案 0 :(得分:1)

您使用name呼叫id,就好像它是#

更改此

<input type="text" name="yourName" placeholder="Name" />

,输入控件定义了id

<input type="text" id="yourName" name="yourName" placeholder="Name" />

如果您希望stick命名并且不想定义id,那么您也可以这样做:

var tag = $('input[name="yourName"]').val();