2014-01-22 58 views
0

我希望我的文本框和textarea基於選定的值導入,例如,在我的選擇框中,有選項subject Asubject B,當我選擇subject B時,文本框會自動插入subject B,textarea將導入存儲在數據庫中的預設消息。jquery插入選定的值到文本框和文本區

目前我已成功導入郵件的選定選項,我怎麼能插入主題以及文本框,以及當我點擊按鈕?

JQuery的:

$(document).ready(function() { 
    $("#copyBtn").click(function(){ 
     $("#selmessage").val($("#selectBox").val()); 
    }); 
}); 

PHP:

<input type="Text" name="seltitle" value="<?=$the_title;?>">&nbsp;&nbsp; 
     <select id="selectBox" name="seltitle2"> 
      <option selected></option> 
      <?php 
      $q = "SELECT * FROM template ORDER BY preset_subj ASC"; 
      $result = $mysqli->query($q) or die($mysqli->error); 

      while($row = $result->fetch_array(MYSQLI_BOTH)){ 
      ?> 
      <option value="<?php echo $row['message'] ?>"><?php echo $row['preset_subj']; } ?></option> 
     </select> 
     &nbsp;&nbsp;<input id="copyBtn" type="button" value="import to message" /> 

<textarea name="selmessage" id="selmessage"></textarea> 

回答

0

這裏有一個計劃:

(1)你認爲你需要檢測的 「click」 事件,但在選擇框的「更改」事件中可能會好得多!這裏是一個很好的文章,如何處理表單元素的「變化」事件(也見評論 - 非常有用):http://jivebay.com/handling-checkboxes-radio-buttons-and-select-options-in-jquery/

(2)當你檢測到變化,那麼你需要獲得選定的值它在上面的鏈接中)並設置textarea的值 - 這很容易:$(「#textarea_1」)。val(selectedValue);

我希望你有想法。需要幫助請叫我。

0
$(document).ready(function() { 
    $("#copyBtn").click(function(event){ 
     event.preventDefault(); 
     $("#selmessage").val($("#selectBox option:selected").val()); 
    }); 
}); 

,或者你可以這裏也

$(document).ready(function(event) { 
    $("#copyBtn").click(function(){ 
     event.preventDefault(); 
     selected = $("#selectBox option:selected").val(); 
     if(selected != ''){ 
      $("#selmessage").val($("#selectBox option:selected").val()); 
     } 
    }); 
}); 
應用過濾器