ajax表单序列化

来源：互联网发布：乐视for mac 编辑：程序博客网时间：2024/06/05 10:29
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>表单序列化</title><style>body,select{font-size: 20px; }form {margin: 10px;}p{color: red; margin: 10px; font-size: 20px;}b{color: blue;}</style><script src="/jquery/1.11.2/jquery.min.js"></script></head><body><form>  <select name="single">    <option>Single</option>    <option>Single2</option>    </select>  <br/>  <select name="multiple" multiple="multiple">    <option selected="selected">Multiple</option>    <option>Multiple2</option>    <option selected="selected">Multiple3</option>  </select>   <br/>       <input type="checkbox" name="check" value="check1" id="ch1"/>    <label for="ch1">check1</label>  <input type="checkbox" name="check" value="check2" checked="checked" id="ch2"/>    <label for="ch2">check2</label>  <br/>  <input type="radio" name="radio" value="radio1" checked="checked" id="r1"/>    <label for="r1">radio1</label>  <input type="radio" name="radio" value="radio2" id="r2"/>    <label for="r2">radio2</label></form><p><tt id="results"></tt></p><script type="text/javascript"> function showValues(){var str = $("form").serialize();$("#results").text(str);}  $(":checkbox,:radio").click(showValues); $("select").change(showValues); showValues(); </script></body></html>
0 0