我目前正在使用 wmd 编辑器和 jQuery-UI 选项卡。我创建了一个 ajax/js 函数,它将提交(当单击下一个按钮时)wmd-preview
值,然后 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 »</a>");
}
if (i != 0) {
prev = i;
$(this).append("<a href='#' class='prev-tab mover' rel='" + prev + "'>« 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>
PHP
<?
if (isset($_POST['wmd'])){
$wmd = $_POST['wmd'];
echo ('<div id="text_result"><span class="resultval"><h2>Textarea Echo result:</h2>'.$wmd.'</span></div>');
}
?>
HTML
<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>
最佳答案
PHP 代码应以 <?php
开头, 你的开始于 <?
这是不正确的。
当您看到以文本形式显示的 PHP 代码时 - 它应该告诉您它没有运行,这就是为什么您不断得到类似 '.$wmd.''); } ?>
的输出的原因而不是真正的 PHP 回显输出。
其他评论仍然有效 - 你应该使用 $("#wmd-preview").html()
或 $("#wmd-input").val()
但你不能使用 val
在 div 上,它不起作用。
在这种情况下 $("#wmd-input").val()
是更好的选择,因为这就是原因 input
字段存在 - 获取输入。
如果还有其他问题我可以帮助解决,请告诉我。
关于php - 如何通过单击按钮显示 div 的值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11911305/