2015-10-19 73 views
-1

您好朋友我是PHP的新手,我的疑問是我只是在這個選擇選項中使用mysql腳本創建一個選擇選項,每當我改變select時它有五個值選項值將顯示適當的結果,但值不顯示在ckeditor textarea中。請幫助我如何使用ckeditor.Thanks提前顯示選擇選項值。如何通過使用選擇選項方法在ckeditor中打印db值

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#parent").change(function() { 
      var id=$("#parent").val(); 
      var dataString = 'id='+ id; 
      $.ajax({ 
       type: "POST", 
       url: "try_ajax.php", 
       data: dataString, 
       cache: false, 
       success: function(html) { 
        $("#size").html(html); 
       } 
      }); 
     }); 
    }); 
</script> 

和AJAX頁面

<?php 
    include("connect.php"); 
    echo $_POST['id']; 
    $erow=mysql_fetch_array($esql); 
?> 
<html> 
    <head> 
    </head> 
    <body> 
     <textarea class="ckeditor" name="ck" cols="40" rows="10" ><?php echo $erow['contact_details']; ?></textarea> 
    </body> 
</html> 

下拉列表就像

<select id="parent"> 
<option value="">select</option> 
<option value="1">One</option> 
<option value="2">Two</option> 
<option value="3">Three</option> 
</select> 

回答

0

你的Ajax響應是一個完整的HTML頁面。你只需要返回類似:

<?php 
$sizes = [10, 20, 30]; // get the data from DB. 
foreach($sizes as $sz) 
    echo "<option value='$sz'>$sz</option>"; 
?> 

這將幫助你,如果「#size」是一個下拉列表元素(即HTML選擇)。

此外,您可以從服務器呈現JSON數據,然後您可以使用JavaScript來填充HTML元素中的JSON數據。

您需要詳細瞭解AJAX/JSON。

+0

<選擇ID = 「父」> <選項值= 「」>選擇 <選項值= 「1」>一 <選項值= 「2」>雙 <選項值=「3 「> – arjun

+0

上面的代碼是我的下拉列表sir.the下拉列表id是parent.and #size是我的結果顯示ID先生。 – arjun

+0

我又增加了一個答案,看看 – Houmam

0

我讓這段代碼從服務器獲取數據並將它們填充到下拉列表中。這只是一個例子,你需要去適應它是適合您的情況:

<?php 
if(isset($_GET['ajax'])) { 
    $sizes = [10=>'Ten', 20=>'Twenty', 30=>'Thirty']; // get the data from DB. 
    foreach($sizes as $sz) 
     echo "<option value='$sz'>$sz</option>"; 
    exit; 
} 
?> 
<html> 
    <head> 
    </head> 
    <body> 
     <select id="parent"> 
      <option value="">select</option> 
      <option value="1">One</option> 
      <option value="2">Two</option> 
      <option value="3">Three</option> 
     </select> 
    </body> 

    <script src="https://code.jquery.com/jquery-2.1.4.min.js" ></script> 
    <script> 
    jQuery(document).ready(function() { 
     $("#parent").change(function() { 
      var id=$("#parent").val(); 
      var dataString = 'id='+ id; 
      $.ajax({ 
       type: "POST", 
       url: "?ajax=1", 
       data: dataString, 
       cache: false, 
       success: function(html) { 
        $("#parent").html(html); 
       } 
      }); 
     }); 
    }); 
    </script> 
</html> 

我沒有使用JSON,使其更簡單。我希望這會有所幫助:)。 我從同一頁面獲取數據(url:「?ajax = 1」),你可以使用任何你想要的,比如(url:「try_ajax.php」)。

+0

感謝您的信息先生... – arjun

相關問題