首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用PHP通过html Select发送回显信息

使用PHP通过html Select发送回显信息
EN

Stack Overflow用户
提问于 2011-03-10 20:46:52
回答 4查看 1.2K关注 0票数 1

我有3个选择框,一个用于日、月和年。

一旦用户选择了他们想要的日期,月份和年份,他们点击‘发送’。

当他们单击send时,我希望PHP回显他们的选择。

到目前为止,我拥有的代码是:

代码语言:javascript
复制
<?php
$day = array(range(1,31));
$month = array(range(1,12));
$year = array(range(2011,2020));
?>
Day:
<select>
  <?php foreach($day[0]++ as $key => $value) { ?>
    <option value="<?php echo $key ?>"><?php echo $value ?></option>
  <?php }?>
</select>
<br>
Month:
<select>
  <?php foreach($month[0]++ as $key => $value) { ?>
    <option value="<?php echo $key ?>"><?php echo $value ?></option>
  <?php }?>
</select>
<br>
Year:
<select>
  <?php foreach($year[0]++ as $key => $value) { ?>
    <option value="<?php echo $key ?>"><?php echo $value ?></option>
  <?php }?>
</select>
<input type='submit' value='Send' name='poll' />

Date Selected: 

任何建议,改进,链接代码示例将非常感谢。

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2011-03-10 21:36:13

您所描述的内容不能单独使用PHP来完成。您需要使用客户端脚本来了解用户如何与DOM交互。有许多不同的方法可以实现这一点。您最好的选择是使用AJAX框架,如jQuery (如上所述)、PrototypeDojoYUI。我可能会选择jQuery,因为如果你习惯使用css选择器,它很容易上手。

首先,稍微修改一下html,为输入元素提供ID类名。并且还添加了显示元素,在这种情况下是DIV。然后,您可以像这样选择这些DOM节点:

代码语言:javascript
复制
     <script>
        $( document ).ready( function () {
            $( '#send' ).click( function () {

                var span = document.createElement( 'span' );
                $( span ).attr( 'id', 'options' );

                $( 'select' ).each( function () {
                    $( span ).append($( this ).val() + " ");
                });                 

                $( '#show' ).html( span );

            });
        });
    </script>

我模拟了一个快速小提琴:JSFIDDLE

票数 2
EN

Stack Overflow用户

发布于 2011-03-10 20:53:23

使用一个全面的datepicker来代替,比如jQuery UI内置的datepicker。他们有现场的例子。

如果你沿着3下拉选择的路线走下去,你要么需要一些时髦的动态切换,要么准备好应对无效的日期。2月31日有人吗?:)

票数 1
EN

Stack Overflow用户

发布于 2011-03-10 20:55:28

首先,您需要指定标记,并指定要将数据放到的位置。其次,您需要命名您的输入字段,以便您可以检索它们。

您可能想看看http://www.w3schools.com/php/php_forms.asp

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/5259761

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档