如何从按钮和复选框输入值到文本区域

Question

我在该网站上四处张望，但找不到任何想要的东西。 无论如何，我是一个自学成才的HTML / CSS人。 我的大部分经验是使用Wordpress，但是无论如何，我正在尝试创建一个交互式站点（不幸的是，不在Wordpress中），该站点使用表单来创建大量代码的输出。

<form id="drawing">
<input type="radio" name="draw" value="normal">Normal<br />
<input type="radio" name="draw" value="custom">Custom<br />
</form>

<input type="submit" value="Print Code"><br />

<textarea></textarea>

我想像这样将从单选按钮获取的值打印到文本区域中：drawtype =（此处的值），

那么最简单，更轻量的方法是什么呢？ 我已经看到了以下主题： 如何通过PHP从HTML表单输出复选框？ 但是有更简单的方法吗？ 我完全没有使用php的经验，所以这就是为什么我要问这个问题。 如果还有另一个我没有注意到的答案，那么将其重定向到它会很好。 （尤其是因为这是我的第一个问题。）

谢谢。

Answer 1

旁注：您的<input type="submit" value="Print Code"><br />当前不在<form></form>标记之外，因此不会执行。

基本示例：（全部包含在一个文件示例中）

<?php
if(isset($_POST['submit'])){
$draw = $_POST['draw'];
}
?>

<form id="drawing" action="" method="post">
<input type="radio" name="draw" value="normal">Normal<br />
<input type="radio" name="draw" value="custom">Custom<br />
<input type="submit" name="submit" value="Print Code"><br />
</form>

<textarea><?php echo $_POST['draw']; ?></textarea>

方法略有不同：

<?php
if(isset($_POST['submit']) || !empty($_POST['draw'])){
if(empty($_POST['draw'])){
echo "Make a selection.";
   }
$draw= $_POST['draw'];
   }
?>

<form id="drawing" action="" method="post">
<input type="radio" name="draw" value="normal">Normal<br />
<input type="radio" name="draw" value="custom">Custom<br />
<input type="submit" name="submit" value="Print Code"><br />
</form>

<textarea><?php echo $_POST['draw']; ?></textarea>

---

编辑

这是一个jQuery方法，但是我不确定这是否是所需的效果：

<?php
if(isset($_POST['submit'])){
$draw = $_POST['draw'];
}
?>

<!DOCTYPE html>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>

<body>
<script>
    $(document).ready(function(){
var player = "<?php echo $_POST['draw']; ?>";

// alert (player);
    });
</script>

Your choice: <span id='draw'><?php echo $_POST['draw']?></span></div>


<form id="drawing" action="" method="post">
<input type="radio" name="draw" value="normal">Normal<br />
<input type="radio" name="draw" value="custom">Custom<br />
<input type="submit" name="submit" value="Print Code"><br />
</form>

<textarea><?php echo $_POST['draw']; ?></textarea>
</body>
</html>

如果选择normal ，则脚本的源将显示为：

<script>
    $(document).ready(function(){
var player = "normal";

// alert (player);

    });
</script>