Php 如何通过单击按钮显示div的值？

我目前正在使用wmd编辑器和jQuery UI选项卡。我已经创建了一个ajax/js函数，它将提交（单击next按钮时）wmd预览值，然后php在选项卡2中回显结果。问题是我没有得到任何显示的结果。我找的不是

textarea

值，而是div

#wmd preview

值。如何通过ajax/函数显示div

wmd preview

的值

JS

<script>
$(function () {
    var $tabs = $('#tabs').tabs({
        disabled: [0, 1],
        select: function () {
            $.ajax({
                type: "POST",
                url: "post_tabs.php",
                data: {
                    "wmd": $("#wmd-preview").val(),
                },
                success: function (result) {
                    $("#tab-2").html(result);
                }
            });
        }
    });

    $(".ui-tabs-panel").each(function (i) {
        var totalSize = $(".ui-tabs-panel").size() - 1;
        if (i != totalSize) {
            next = i + 2;
            $(this).append("<a href='#' class='next-tab mover' rel='" + next + "'>Next Page &#187;</a>");
        }
        if (i != 0) {
            prev = i;
            $(this).append("<a href='#' class='prev-tab mover' rel='" + prev + "'>&#171; Prev Page</a>");
        }
    });

    $('.next-tab').click(function () {
        var currentTab = $('#tabs').tabs('option', 'selected');
        if (
        (
        currentTab == 0 && /*(B)*/
        $.trim($('#wmd-input').val()).length > 0
        )
        ) {
            var tabIndex = $(this).attr("rel");
            $tabs.tabs('enable', tabIndex).tabs('select', tabIndex).tabs("option", "disabled", [0, 1]);
        } else {
            switch (currentTab) {
            case 0:
                alert('Please fill out all the required fields.', 'Alert Dialog');
                break;
            }
        }
        console.log("preventing default");
        return false;
    });

    $('.prev-tab').click(function () {
        var tabIndex = $(this).attr("rel");
        $tabs.tabs('enable', tabIndex).tabs('select', tabIndex).tabs("option", "disabled", [0, 1]);
        return false;
    });

});
</script>

$（函数（）{
变量$tabs=$（'#tabs'）。tabs({
已禁用：[0，1]，
选择：函数（）{
$.ajax({
类型：“POST”，
url:“post_tabs.php”，
数据：{
“大规模杀伤性武器”：$（“#大规模杀伤性武器预览”）.val（），
},
成功：功能（结果）{
$（“#表2”）.html（结果）；
}
});
}
});
$（“.ui选项卡面板”）。每个（功能（i）{
var totalSize=$（“.ui选项卡面板”）.size（）-1；
如果（i！=总尺寸）{
next=i+2；
$（此）。追加（“”）；
}
如果（i！=0）{
prev=i；
$（此）。追加（“”）；
}
});
$（'.next tab'）。单击（函数（）{
var currentTab=$（'#tabs'）。tabs（'option'，'selected'）；
如果(
(
currentTab==0&/*（B）*/
$.trim（$（'#wmd输入'）.val（））.length>0
)
) {
var tabIndex=$（this.attr（“rel”）；
$tabs.tabs（'enable'，tabIndex.）.tabs（'select'，tabIndex.）.tabs（'option'，'disabled'，[0,1]）；
}否则{
开关（当前选项卡）{
案例0：
警报（'请填写所有必填字段'，'警报对话框'）；
打破
}
}
console.log（“防止默认”）；
返回false；
});
$（'.prev选项卡'）。单击（函数（）{
var tabIndex=$（this.attr（“rel”）；
$tabs.tabs（'enable'，tabIndex.）.tabs（'select'，tabIndex.）.tabs（'option'，'disabled'，[0,1]）；
返回false；
});
});

PHP

<?
if (isset($_POST['wmd'])){
    $wmd = $_POST['wmd']; 
    echo ('<div id="text_result"><span class="resultval"><h2>Textarea Echo result:</h2>'.$wmd.'</span></div>');
                       }
?>

---

PHP代码应该以
开头问题是您正在禁用选项卡。禁用选项卡实际上会删除单击功能。如果是这样的话，那么您的select方法永远不会触发。也许你想重新考虑一下你的设计？@ohgodhy，我有同样的功能处理常规输入字段。你正在使用
$（“#wmd preview”）.val（），
。。您应该在输入字段上使用
val（）
，在div等字段上使用
html（）
。。此场景的正确选择是
$（“#wmd输入”）.val（）
-这是正确的选择，因为它更好地反映了现实。预览依赖于除用户输入之外的更多内容，这是你不想要的。太好了，谢谢。我不知道，但现在我理解了你提出的逻辑。
<div id="tab-1" class="ui-tabs-panel ui-tabs-hide">
    <div id="wmd-button-bar"></div>
    <textarea id="wmd-input" name="wmd-input" cols="92" rows="15" tabindex="6"></textarea>
    <div id="wmd-preview"></div>
</div>

<div id="tab-2" class="ui-tabs-panel ui-tabs-hide">

</div>