【问题标题】:jQuery is not serializing form?jQuery 不是序列化表单?
【发布时间】:2016-08-26 21:19:48
【问题描述】:

我有一个问题,我有这个表格,当我在 jQuery 脚本中进行序列化时,它什么也不返回。

你能帮帮我吗?

这是我的表格:

<form id="tabb2">
        <!-- ********************************************************** -->
        <label>Estudios</label><br />
        <pre>
            <label>Punteo</label><br />
            <select id="p_estudios" name="p_estudios">
                <option value="0">Cero</option>
                <option value="1">Uno</option>
                <option value="2">Dos</option>
                <option value="3">Tres</option>
            </select><br />
            <label>Descripcion</label><br />
            <textarea id="d_estudios" name="d_estudios" rows="5" cols="35"></textarea><br />
        </pre><br />
        <!-- ********************************************************** -->
        <label>Funciones del puesto</label><br />
        <pre>
            <label>Punteo</label><br />
            <select id="p_func_puesto" name="p_func_puesto">
                <option value="0">Cero</option>
                <option value="1">Uno</option>
                <option value="2">Dos</option>
                <option value="3">Tres</option>
            </select><br />
            <label>Descripcion</label><br />
            <textarea id="d_func_puesto" name="d_func_puesto" rows="5" cols="35"></textarea><br />
        </pre><br />
        <!-- ********************************************************** -->
        <label>Experiencia</label><br />
        <pre>
            <label>Punteo</label><br />
            <select id="p_experiencia" name="p_experiencia">
                <option value="0">Cero</option>
                <option value="1">Uno</option>
                <option value="2">Dos</option>
                <option value="3">Tres</option>
            </select><br />
            <label>Descripcion</label><br />
            <textarea id="d_experiencia" name="d_experiencia" rows="5" cols="35"></textarea><br />
        </pre><br />
        <!-- ********************************************************** -->
        <label>Trayectoria Laboral</label><br />
        <pre>
            <label>Punteo</label><br />
            <select id="p_tray_laboral" name="p_tray_laboral">
                <option value="0">Cero</option>
                <option value="1">Uno</option>
                <option value="2">Dos</option>
                <option value="3">Tres</option>
            </select><br />
            <label>Descripcion</label><br />
            <textarea id="d_tray_laboral" name="d_tray_laboral" rows="5" cols="35"></textarea><br />
        </pre><br />
        <!-- ********************************************************** -->
        <label>Comportamiento y Arreglo Fisico Durante la Entrevista</label><br />
        <pre>
            <label>Punteo</label><br />
            <select id="p_comp_arr_fisico" name="p_comp_arr_fisico">
                <option value="0">Cero</option>
                <option value="1">Uno</option>
                <option value="2">Dos</option>
                <option value="3">Tres</option>
            </select><br />
            <label>Descripcion</label><br />
            <textarea id="d_comp_arr_fisico" name="d_comp_arr_fisico" rows="5" cols="35"></textarea><br />
        </pre><br />
        <!-- ********************************************************** -->
        <label>Evaluacion Final</label><br />
        <pre>
            <label>Punteo</label><br />
            <select id="p_eval_final" name="p_eval_final">
                <option value="No Recomendable">No Recomendable</option>
                <option value="Recomendable">Recomendable</option>
            </select><br />
            <label>Descripcion</label><br />
            <textarea id="d_eval_final" name="d_eval_final" rows="5" cols="35"></textarea><br />
        </pre><br />
        <!-- ********************************************************** -->

        <hr id="line">
        <ul class="pager wizard">
            <li class="save2"><a href="javascript:;">Guardar</a></li>
        </ul>
    </form>

这是我的 ajax 代码:

$(document).ready(function(){

            $('.save2').on('click', function(){

                var dataString = $('#tabb2').serialize();
                alert(dataString);

            });

        });

【问题讨论】:

  • 不知道能不能解决,但是最好将click事件绑定在a锚上而不是li上。此外,最好改用$( "#tabb2" ).submit。如果您通过输入验证您的表单,它将起作用。

标签: javascript php jquery ajax serialization


【解决方案1】:

您的代码运行良好。请检查下面的sn-p

$(document).ready(function(){

            $('.save2').on('click', function(){

                var dataString = $('#tabb2').serialize();
                alert(dataString);

            });

        });
<html>
<head>
<script src="myscripts.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.13.4/jquery.mask.min.js"></script>
</head>

<body>

<form id="tabb2">
        <!-- ********************************************************** -->
        <label>Estudios</label><br />
        <pre>
            <label>Punteo</label><br />
            <select id="p_estudios" name="p_estudios">
                <option value="0">Cero</option>
                <option value="1">Uno</option>
                <option value="2">Dos</option>
                <option value="3">Tres</option>
            </select><br />
            <label>Descripcion</label><br />
            <textarea id="d_estudios" name="d_estudios" rows="5" cols="35"></textarea><br />
        </pre><br />
        <!-- ********************************************************** -->
        <label>Funciones del puesto</label><br />
        <pre>
            <label>Punteo</label><br />
            <select id="p_func_puesto" name="p_func_puesto">
                <option value="0">Cero</option>
                <option value="1">Uno</option>
                <option value="2">Dos</option>
                <option value="3">Tres</option>
            </select><br />
            <label>Descripcion</label><br />
            <textarea id="d_func_puesto" name="d_func_puesto" rows="5" cols="35"></textarea><br />
        </pre><br />
        <!-- ********************************************************** -->
        <label>Experiencia</label><br />
        <pre>
            <label>Punteo</label><br />
            <select id="p_experiencia" name="p_experiencia">
                <option value="0">Cero</option>
                <option value="1">Uno</option>
                <option value="2">Dos</option>
                <option value="3">Tres</option>
            </select><br />
            <label>Descripcion</label><br />
            <textarea id="d_experiencia" name="d_experiencia" rows="5" cols="35"></textarea><br />
        </pre><br />
        <!-- ********************************************************** -->
        <label>Trayectoria Laboral</label><br />
        <pre>
            <label>Punteo</label><br />
            <select id="p_tray_laboral" name="p_tray_laboral">
                <option value="0">Cero</option>
                <option value="1">Uno</option>
                <option value="2">Dos</option>
                <option value="3">Tres</option>
            </select><br />
            <label>Descripcion</label><br />
            <textarea id="d_tray_laboral" name="d_tray_laboral" rows="5" cols="35"></textarea><br />
        </pre><br />
        <!-- ********************************************************** -->
        <label>Comportamiento y Arreglo Fisico Durante la Entrevista</label><br />
        <pre>
            <label>Punteo</label><br />
            <select id="p_comp_arr_fisico" name="p_comp_arr_fisico">
                <option value="0">Cero</option>
                <option value="1">Uno</option>
                <option value="2">Dos</option>
                <option value="3">Tres</option>
            </select><br />
            <label>Descripcion</label><br />
            <textarea id="d_comp_arr_fisico" name="d_comp_arr_fisico" rows="5" cols="35"></textarea><br />
        </pre><br />
        <!-- ********************************************************** -->
        <label>Evaluacion Final</label><br />
        <pre>
            <label>Punteo</label><br />
            <select id="p_eval_final" name="p_eval_final">
                <option value="No Recomendable">No Recomendable</option>
                <option value="Recomendable">Recomendable</option>
            </select><br />
            <label>Descripcion</label><br />
            <textarea id="d_eval_final" name="d_eval_final" rows="5" cols="35"></textarea><br />
        </pre><br />
        <!-- ********************************************************** -->

        <hr id="line">
        <ul class="pager wizard">
            <li class="save2"><a href="javascript:;">Guardar</a></li>
        </ul>
    </form>
	

</body>
</html>

【讨论】:

  • 你的 sn-p 工作得很好,但我不知道我还能做什么,因为它没有任何工作。我已经用一个按钮改变了 'li save2' 的 id 值或输入但不工作我不知道是什么问题。请帮忙
  • 如果您更改为按钮,请使用该输入的 ID,例如 $('#id').on('click',....)
猜你喜欢
  • 1970-01-01
  • 2011-08-01
  • 1970-01-01
  • 1970-01-01
  • 2011-09-29
  • 2010-12-20
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多