jQuery没有序列化表格？

Question

I have one question, I have this form and when I make a serialize in jQuery script it returns nothing.

Can you help me please?

This is my form:

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

And this is my ajax code:

$(document).ready(function(){

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

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

            });

        });

Answer 1

Your code is working fine. Please check the below snippet

 $(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>