表单输入类型文本jQuery

Question

我不知道为什么在代码没有任何错误的情况下我无法访问输入文本。

<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');

            });
    }); 

})

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

Answer 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();