誰かが私を助けることができるかどうか尋ねたい.
ドロップダウンリストのあるフォームがあります。私の問題は、TinyMCE をエディターとして使用していることです。
ドロップダウンでアイテムを選択すると、TinyMCE テキストエリアには入力されませんが、jQuery によって別のテキストエリアが開かれます。
これが私のコードです。ドロップダウンの結果が TinyMCE エディターに表示されるように、誰でも修正を手伝ってもらえますか。
どうもありがとう。
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script><br />
<script type="text/javascript">
$(document).ready(function () {
$('#select').change(function () {
var option = $(this).val();
$.get('select.php', {select: option}, function (data) {
$('#result').html(data).hide().fadeIn(1);
});
});
});
</script>
<script type="text/javascript" src="../jscripts/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript">
tinyMCE.init({mode: "textareas", editor_selector: "mceEditor"});
$(document).ready(function () {
$('form').submit(function ()
{
alert(tinyMCE.get('result').getContent());
});
});
</script>
</head>
<select name="select" id="select">
<option value="">Select</option>
<option value="option1">Option 1</option>
<option value="option2">Option 2</option>
<option value="option3">Option 3</option>
<option value="option4">Option 4</option>
<option value="option5">Option 5</option>
</select>
<form id="ajax-form" class="autosubmit" method="POST" action="">
<textarea class="mceEditor" id="result" name="notes"/></textarea>
<input type="submit">
</form>
データを取得する私のPHPは次のとおりです。
<?php
if($_GET['select'] == 'option1') {
echo 'the option you have chosen is 1';
} elseif($_GET['select'] == 'option2') {
echo 'the option you have chosen is 2';
} elseif($_GET['select'] == 'option3') {
echo 'the option you have chosen is 3';
} elseif($_GET['select'] == 'option4') {
echo 'the option you have chosen is 4';
} elseif($_GET['select'] == 'option5') {
echo 'the option you have chosen is 5';
}
?>