버튼을 클릭하면 목록 상자에 텍스트가 전송됩니다.

Question

사용자가 간단하고 깨끗한 형식으로 메시지를 제출할 수있는 마이크로 메시지 PHP 스크립트를 사용하고 있습니다. 항목에 대해 데이터베이스를 사용합니다. 그것의 양식 부분은 다음과 같습니다

<form name="new_post" method="post" action="admin.php?page=wp-admin-microblog/wp-admin-microblog.php" id="new_post_form"> 
    <table> 
     <thead> 
     <tr> 
      <td> 
       <div id="postdiv" class="postarea" style="display:block;"> 
        <textarea name="wpam_nm_text" id="wpam_nm_text" style="width:100%;" rows="4"></textarea> 
       </div> 
       <p style="text-align:right; float:right;"><input name="send" type="submit" class="button-primary" value="<?php _e('Send', 'wp_admin_blog'); ?>" /> 
      </td> 
     </tr> 
     </thead> 
    </table> 
</form> 

내가 폼에 드롭 다운 목록을 추가 할 사용자가 드롭 다운 목록에서 선택하는 내용에 따라 사용자 정의 텍스트가 추가되어야한다 사용자가 보내기 버튼을 클릭 할 때 textarea (wpam_nm_text) 메시지의 시작 부분.

설명해 드리겠습니다. 텍스트 영역 때 "커피 나를 깨어 유지"폼에 ...

<select> 
<option>Milk</option> 
<option>Coffee</option> 
<option>Tea</option> 
</select> 

를, 사용자가 옵션 "커피"를 선택하면, 그때 텍스트를 추가 할 :이 같은 것을 추가 할 사용자가 보내기 버튼을 클릭합니다. 그래서 폼이 데이터베이스로 보내지면, "Coffee keep me awake"와 사용자가 텍스트 영역에 쓴 것을 포함하게됩니다.

자바 스크립트 나 PHP를 사용하면 가능할 것으로 추측됩니다. 두 가지 모두 제가 잘 알지 못해서 자세한 답변이 도움이됩니다. 또한 더 많은 정보 나 스크립트가 필요한 경우 언제든지 물어보십시오. http://jsfiddle.net/tNrfA/

Answer 1

가 codingbiz에 의해 게시 대답은 당신이 ... (더 특별인가를 :(찬성 투표 할 수 없습니다)에 대한 작동합니다

그러나 자바 스크립트 솔루션을 원한다면 너 ..

<script type="text/javascript"> 

function setText(){ 

    var drink = document.getElementById('drink'); 
    var feed = document.getElementById('feed'); 
    feed.value = drink.value + " keeps me awake:" + feed.value; 

    } 

</script> 

<form name="new_post" method="post" id="new_post_form"> 
     <table> 
      <thead> 
      <tr> 
       <td> 

        <div id="postdiv" class="postarea" style="display:block;"> 
         <textarea name="wpam_nm_text" id="feed" style="width:100%;" rows="4"></textarea> 
        </div> 
        <select id = "drink"> 
         <option>Milk</option> 
         <option>Coffee</option> 
         <option>Tea</option> 
        </select> 
        <p style="text-align:right; float:right;"><input name="send" type="submit" onClick="setText()" class="button-primary" id ="submit" value='go' /> 
       </td> 
      </tr> 
      </thead> 
     </table> 
</form>​ 

Answer 2

난 당신이 서버 측에서 선택 드롭 다운 값에 액세스하고 텍스트

HTML

<select name="choice"> 
<option>Milk</option> 
<option>Coffee</option> 
<option>Tea</option> 
</select> 

PHP에 추가 할 수 있습니다 생각 : 당신이 하나를 원하는 경우 여기

는 바이올린입니다

<?php 
$wpam_nm_text = $_POST['wpam_nm_text']; 
$choice = $_POST['choice']; 

$customText = "default"; 

if($choice == "Coffee") 
    $customText = "Coffee keeps me awake"; 
else if($choice == "Milk") 
    $customText = "WhatStuffYouWantHere"; 

//combine the dropdown value and the textarea value 
$requiredVal = $customText.' '.$wpam_nm_text; 

print($requiredVal); 

//do whatever you want with $requiredVal 
?> 

해야 할 일

Answer 3

당신이 맞습니다, 자바 스크립트의 간단한 비트가 이것을 달성하는 데 도움이 될 수 있습니다. 여기

<script> 
    var drinks = { 
     Milk: "does a body good", 
     Coffee: "keeps me up", 
     Tea: "is yummy" 
    }; 

    function optionChange(){ 
     var drinkText = drinks [document.getElementById('drinkSelection').value] 
     document.getElementById('wpam_nm_text').value = drinkText;  
    } 
</script> 

업데이트 된 바이올린을 http://jsfiddle.net/tNrfA/6/

편집이다 : 나는이 페이지의 제출에 있던 것을 처음에보고하지 않았다. 이를 위해 코딩 비즈는 잘 작동해야합니다. 이 방법은 사용자 지정 텍스트를 업데이트 할 수있는 경우에만 사용해야합니다.

프런트 엔드에서 수행해야하는 경우 다음과 같이 할 수 있습니다.

바이올린 :. http://jsfiddle.net/tNrfA/14/

var drinks = { 
    Milk: "does a body good", 
    Coffee: "keeps me up", 
    Tea: "is yummy" 
}; 

function submitForm(){ 
    drinkText = drinks [document.getElementById('drinkSelection').value] 
    document.getElementById('wpam_nm_text').value = drinkText + ' ' +document.getElementById('wpam_nm_text').value; 
    document.getElementById('new_post_form').submit();  
} 

   <div id="postdiv" class="postarea" style="display:block;"> 
        <textarea name="wpam_nm_text" id="wpam_nm_text" style="width:100%;" rows="4"></textarea> 
       </div> 
       <select id="drinkSelection"> 
        <option>Milk</option> 
        <option>Coffee</option> 
        <option>Tea</option> 
       </select> 
       <p style="text-align:right; float:right;"><input name="send" type="button" class="button-primary" value="<?php _e('Send', 'wp_admin_blog'); ?>" onclick="submitForm()" /> 
      </td> 
     </tr> 
     </thead> 
    </table> 
</form>​