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

我目前正在使用wmd编辑器和jQuery-UI选项卡。 我创建了一个ajax / js函数，它将提交（当点击下一个按钮时） wmd-preview值，然后php在选项卡2中回显结果。问题是我没有显示任何结果。 我不是在寻找textarea值而是div #wmd-preview值。 如何通过我的ajax /函数显示div wmd-preview的值？

JS

  $(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("Next Page »"); } if (i != 0) { prev = i; $(this).append("« Prev Page"); } }); $('.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; }); });  

PHP

 <? if (isset($_POST['wmd'])){ $wmd = $_POST['wmd']; echo ('
Textarea Echo result:
'.$wmd.'
'); } ?> 

HTML

Answer 1

PHP代码应该以开头，你的开头是 哪个不对。

当您看到PHP代码以文本forms呈现时 - 它应该告诉您它没有运行，这就是为什么您继续输出'.$wmd.''); } ?> 而不是真正的PHP回声输出。

另一个注释仍然存在 - 你应该使用$("#wmd-preview").html()或$("#wmd-input").val()但是你不能在div上使用val ，它不能工作。

在这种情况下， $("#wmd-input").val()是更好的选择，因为这是input字段存在的原因 - 获取输入。

如果我有更多问题需要帮助，请告诉我。