栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

使用jquery UI的下一个按钮提交输入字段值,php回显结果

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

使用jquery UI的下一个按钮提交输入字段值,php回显结果

记住您在哪个选项卡上(

currentTab
)。如果选择了一个选项卡,请检查第一个选项卡是否要离开;如果是,发送当前 预览html 的ajax请求;
无需成功处理程序,我们不需要任何客户端更改。如果显示下一个选项卡,请重置
currentTab
索引。在服务器端(php),您可以例如将数据保存到数据库,但是不需要任何结果。

<!DOCTYPE HTML><html lang="en"><head>    <meta charset="utf-8">    <title>Hello</title>    <link type="text/css" href="css/postingtabs.css" rel="stylesheet">    <link type="text/css" href="css/wmd.css" rel="stylesheet">    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.js"></script>    <script type="text/javascript" src="js/wmd.js"></script>    <script type="text/javascript" src="js/showdown.js"></script>    <script type="text/javascript">        var currentTab = 0;        $(function() { var $tabs = $('#tabs').tabs({     disabled: [0, 1]     , select: function() {         if (currentTab == 0) {  $.ajax({      type: "POST",      url: "test1.php",      data: { "wmdVal": $("#wmd-preview").html() }  });         }     }     , show: function(event, ui) {         currentTab = ui.index;     } }); $(".ui-tabs-panel").each(function(i) {     var totalSize = $(".ui-tabs-panel").size() - 1;     if (i != totalSize) {         next = i + 2;         $(this).append("<a href='#'  rel='" + next + "'>Next Page &#187;</a>");     }     if (i != 0) {         prev = i;         $(this).append("<a href='#'  rel='" + prev + "'>&#171; Prev Page</a>");     } }); $('.next-tab, .prev-tab').click(function() {     var tabIndex = $(this).attr("rel");     $tabs.tabs('enable', tabIndex)         .tabs('select', tabIndex)         .tabs("option","disabled", [0, 1]);     return false; });        });    </script></head><body>    <div id="page-wrap">        <div id="tabs"> <ul>     <li><a href="#tab-1">1</a></li>     <li><a href="#tab-2">2</a></li> </ul> <div id="tab-1" >     <div id="wmd-editor" >         <div id="wmd-button-bar"></div>         <textarea id="wmd-input" name="wmd-input"></textarea>     </div>     <div id="wmd-preview" ></div> </div> <div id="tab-2" ></div>        </div>    </div></body></html>

===更新===

如果您真的想暂时查看测试结果,请将成功处理程序再次添加到ajax参数中:

success: function(result) {    $('#wmd_result').html( $('#resultval', result).html()); }

并将结果

div
再次附加到第一个选项卡的末尾:

<div id="wmd_result"></div>


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/391208.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号