php - jQuery Javascript 组合列表

标签 php jquery html

我正在尝试创建一个表单,其中可以有一个列表和一个输入框/文本框。我想要的是,当用户在文本框中键入一个值并单击“添加到列表”时,该值应该添加到列表中。然后,一旦用户按下提交,PHP 代码应该能够使用从列表中获取的值进行处理。我试图用 PHP 和 HTML 来实现,但有些人建议在 JS 中使用 jQuery。请帮忙提供您所知道的信息或我该如何做到这一点。

如果你不明白,我有一个我想要做什么的图表......

enter image description here

<?php
    $Fname = $_POST["Fname"];


    if (!isset($_POST['submit'])) { // if page is not submitted to itself echo the form
    ?>


    <html>
    <head>
    <title>Personal INFO</title>


    <style type="text/css">
      body {
      background-image: url("http://dev.icalapp.rogersdigitalmedia.com.rogers-test.com/rogers_blackberry_8900.jpg");
      background-position: 50% 50%;
      background-repeat: repeat;
    }
    </style>



    </head>




    <body>
    <form method="post" action="<?php echo $PHP_SELF;?>">



    <span style="font-family:Helvetica;font-size:22px;font-style:normal;font-weight:bold;text-decoration:underline;text-transform:capitalize;color:FFFFFF;background-color:990033;">Amount of Numbers</span> <input type="text" style="text-align:center" size="12" maxlength="50" name="Fname" ><br />


    <input type="submit" value="submit" name="submit">
    </form>
    <?
    } 

    ?>

最佳答案

使用jquery,你可以做出像这样的快速解决方案: http://jsfiddle.net/7qTWd/1/

$("document").ready(function(){

    $("span.add").click(function(){
        $("textarea").val( $("textarea").val()+"\n"+$("input").val());
    });
});

<input default="put text"/>
<span class="add">addText</span>
<textarea></textarea>

关于php - jQuery Javascript 组合列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6373864/

相关文章:

php - "Notice: Undefined variable"、 "Notice: Undefined index"、 "Warning: Undefined array key"和 "Notice: Undefined offset"使用 PHP

php - MySQL 变量,GROUP_CONCAT,以及稍后使用它

javascript - 使用 Javascript 更改提交按钮的文本

html - 隐藏滚动条的干净方法?

php - onchange select 做不同的mysql查询

php - 如何动态分配作者在 WordPress 中发帖?

javascript - 如何在两个窗口之间同步滚动

javascript - jQuery 解析巨大的响应失败

javascript - 关闭并在每四个 <td> 元素后创建一个 <tr> 标记。是循环吗?

html - 文章网格没有一直延伸到边缘