php - 单击发送按钮后列表框将数据发送到文本区域

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>

我想在表单中添加一个下拉列表，根据用户在下拉列表中选择的内容，当用户单击发送按钮。

让我解释一下。我想添加这样的内容:

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

...到表单，如果用户选择选项“咖啡”，那么我想在用户单击发送按钮时将文本“咖啡让我保持清醒”添加到文本区域。因此，当表单发送到数据库时，它将包含“Coffee keeps me awake”，然后是用户在文本区域中写入的内容。

我认为使用 Javascript 或 PHP 是可能的，我对这两者都不是很了解，所以详细的回复是有益的。此外，如果您需要更多信息或脚本，请随时询问。

如果你想要的话，这里有一个 fiddle :http://jsfiddle.net/tNrfA/

Answer 1

codingbiz 发布的答案对您有用..(不能投票，没有特权:( )。

但是，如果您想要一个 javascript 解决方案，我认为这应该适合您..

<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>​