Question

HTML CODE

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

fiddle

Answer 3

你有一个错字：

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

应该是：

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

（或者表格的id可能是拼写错误的地方 - 由你来决定，但显然我所说的是表格的id必须与你在JS中使用的id相匹配。）

纠正这个问题并且它有效：http://jsfiddle.net/K5FVg/

javascript .serialize（）函数不起作用

3 个答案: