javascript - javascript .serialize() 函数不起作用

Question

代码

 <form id="createCFrom">
    <table class="ui-widget">
        <tr>
            <td>Event
            </td>
            <td>
                <input type="text" id="CreateName" name="Event" />
            </td>
        </tr>
        <tr>
            <td>Date 
            </td>
            <td>
                <input type="text" id="CreateDate" name="Date" />
            </td>
        </tr>
        <tr>
            <td>Guest 
            </td>
            <td>
                <input type="text" id="CreateGuestName" name="Guest" />
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <button onclick="addCeremony();" class="right" id="saveCeremony">Save</button>
            </td>
        </tr>
    </table>
</form>

JS代码

function addCeremony() {
        alert($("#createCForm").serialize());
}

Answer 1

你的 id 是createCFrom

<form id="createCFrom">

但你的脚本是指createCForm

function addCeremony() {
    alert($("#createCForm").serialize());
}

Answer 2

嗨，有改变<button>输入<input>，它正在工作，请试试这个

 <input type='button' onclick="addCeremony();" class="right" id="saveCeremony" value='Save'>  

小提琴

Answer 3

你有一个错字：

alert($("#createCForm").serialize());

应该：

alert($("#createCFrom").serialize());

（或者表单的 id 可能是错字所在的位置 - 由您决定，但显然我所说的是表单的 id 必须与您在 JS 中使用的 id 匹配。）

纠正这个问题，它的工作原理：http: //jsfiddle.net/K5FVg/