单击发送按钮时将数据发送到textarea的列表框
我正在使用允许用户以简单干净的形式提交消息的微信息PHP脚本。它使用数据库作为条目。它的组成部分看起来是这样的:单击发送按钮时将数据发送到textarea的列表框
<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>
...的形式,如果用户选择了选项“咖啡”,那么我想添加文本“咖啡让我清醒”到textarea的时候用户点击发送按钮。所以当表单发送到数据库时,它将包含“Coffee让我醒来”,接着是用户在textarea中写的内容。
我会认为这是可能的使用Javascript或PHP,这两者我都没有很好的知识,所以详细的答复是有益的。另外,如果您需要更多的信息或脚本,请尽一切办法随时询问。
这里是一个小提琴,如果你想要一个:http://jsfiddle.net/tNrfA/
发表codingbiz答案会为你..(不能给予好评,没有priveleges :()工作
但是,如果你想要一个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>
我想你可以从服务器端访问您选择下拉值,并将其追加到文本
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
?>
应该这样做
您能否详细解释一下以及我如何使用它。正如我上面提到的,我对PHP的知识非常有限。理想情况下,如果您可以添加我在代码中给出的“Coffee”示例,并且我可以更好地理解它。然后,我将能够在我的页面中对其进行测试,并在正确的情况下将其标记为正确。 – 2012-08-09 19:27:08
在你的表单中包含你的下拉列表,给它一个名字,然后在你的'action = xxxx.php'中指定的页面处理类似于答案中的信息。您的下拉列表和textarea的值将发送到服务器,您可以随意将它们连接在一起,就像我的答案 – codingbiz 2012-08-09 19:32:09
如果我正确理解这一点,我将添加了您提供给我的动作php文件的代码,然后在表单中,我添加一个下拉列表并将其命名为什么?你的例子中的什么价值取决于什么?跟我说话,好像我5岁,并试图理解这一点,它会工作;) – 2012-08-09 19:37:33
你是对的,一个简单的javascript可以帮你实现这个目标。
<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>
虽然我不希望文字被直观地添加,但只有当用户点击发送按钮时才有效。换句话说,用户将无法看到“让我一起”的文字。这怎么可能?你能否更新你的答案? – 2012-08-09 19:28:40
刚刚重新阅读您的问题后添加了一个编辑。去与编者的方法。 – robbieAreBest 2012-08-09 19:33:24
谢谢,但是我想了解一下codingbiz的例子,如果没有一个完整的脚本来看它很难。 – 2012-08-09 19:37:50
非常有趣,请你详细说明脚本的工作原理吗?我不明白如何为每个选项设置不同的值。 – 2012-08-09 19:51:38
没有完全让你..你想要为每个选项附加不同的文字..例如,牛奶是好的..和...咖啡很酷?类似的东西? – codisfy 2012-08-09 19:58:49
对不起,让我解释一下,如果用户选择牛奶,那么我希望“牛奶是白色的”被粘贴在textarea中,如果用户选择咖啡,我想要“咖啡是棕色的”等等。每个选项都有所不同。目前,无论用户选择何种选项,您的代码都会粘贴“让我保持清醒:”。 – 2012-08-09 20:01:23