jQuery Form fieldSerialize

2016-05-27 13:15:14  访问(1831) 赞(0) 踩(0)

  • 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>

    <script language="javascript" src="/JavaScripts/jQuery/jquery-1.8.3.min.js"
        type="text/javascript"></script>

    <script language="javascript" src="/JavaScripts/jqueryform/jquery.form.min.js"
        type="text/javascript"></script>

</head>
<body>
    <form id="form1"> 
        <h1>
            jQuery Form fieldSerialize</h1>
        <table width="100%" cellpadding="0" cellspacing="5" border="0">
            <tr>
                <td align="right" width="100px">
                    输入1：
                </td>
                <td>
                    <input name="txt_Input" type="text" value="输入1" id="txt_Input" style="width: 500px;" />
                </td>
            </tr>
            <tr>
                <td align="right">
                    输入2：
                </td>
                <td>
                    <select name="ddl_Input" id="ddl_Input">
                        <option selected="selected" value="">Empty</option>
                        <option value="1">One</option>
                        <option value="2">Two</option>
                        <option value="3">Three</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>
                </td>
                <td>
                    <input type="button" value="测试" onclick="ButtonClick()" />
                </td>
            </tr>
        </table> 
    </form>
    <table width="100%" cellpadding="0" cellspacing="5" border="0">
            <tr>
                <td align="right" width="100px">
                    输出：
                </td>
                <td>
                    <textarea name="txt_Output"  id="txt_Output" style="width: 500px; height:100px;"></textarea>
                </td>
            </tr>
            <tr>
                <td align="right">
                     
                </td>
                <td>
                    <a href="/page_tooldetails71v292.html" style="text-decoration:none;" target="_blank">常用编码</a>
                </td>
            </tr> 
        </table>
    
</body>
</html>

<script language="javascript" type="text/javascript">

    function ButtonClick() {

        var serchtxt = $("#form1 :input").fieldSerialize()

        document.getElementById("txt_Output").value = serchtxt;

    }
 
    
</script>


上一条：

下一条：


 

相关评论

评论加载中……
 

发表评论

类型：
内容：
  (Alt+Enter)
 
  ┈全部┈  
 
（显示全部分类）