jQuery不是序列化表单?

时间:2016-08-26 21:19:49

标签: javascript php jquery ajax serialization

我有一个问题,我有这个表单,当我在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代码:

(文档)$。就绪(函数(){

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

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

            });

        });

1 个答案:

答案 0 :(得分:0)

您的代码运行正常。请查看以下代码段

&#13;
&#13;
$(document).ready(function(){

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

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

            });

        });
&#13;
<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>
&#13;
&#13;
&#13;