首页 > 软件开发 > HTML >

如何将下拉框中的值传到后台

来源:互联网 2023-03-16 19:10:45 457

在html里时,我们经常会收集用户的数据,主要是通过网页让用户填写数据,然后传到后台。下面我们来看下如何将下拉框中的值传到后台。OM5办公区 - 实用经验教程分享!

方法/步骤

  • 1

    要把用户的数据传到后台,我们经常是通过form来提交的。通过form中的action属性,我们可以指定form表单提交到后台的哪一个url。OM5办公区 - 实用经验教程分享!

    我们先定义一个form表单,然后主要是把action属性设置为服务器后台的提交地址。OM5办公区 - 实用经验教程分享!

    如何将下拉框中的值传到后台OM5办公区 - 实用经验教程分享!

  • 2

    然后添加上一个下拉框,把用户对下拉框选择的数据传到后台。这里关键是为下拉框添加一个name属性,后台就是通过该属性来获取到它的值的。OM5办公区 - 实用经验教程分享!

    如何将下拉框中的值传到后台OM5办公区 - 实用经验教程分享!

  • 2本页面非法爬取自百度经验
  • 3

    接着添加一个提交按钮,type=submit的按钮,点击该按钮后,就会把form提交到后台了。OM5办公区 - 实用经验教程分享!

    如何将下拉框中的值传到后台OM5办公区 - 实用经验教程分享!

  • 4

    然后添加后台的代码,后台的代码很简单,我们通过全局的变量_POST来获取用户提交过来的数据就行了,_POST是一个全局数组变量,只要指定要取哪个值就行了,比如我们提交过来的下拉框的name的值为jy,我们就用jy来获取值。OM5办公区 - 实用经验教程分享!

    如何将下拉框中的值传到后台OM5办公区 - 实用经验教程分享!

  • 5

    运行页面,点击上面的提交按钮。OM5办公区 - 实用经验教程分享!

    如何将下拉框中的值传到后台OM5办公区 - 实用经验教程分享!

  • 6

    提交到后台服务器后,服务器输出了用户选择的值,OM5办公区 - 实用经验教程分享!

    如何将下拉框中的值传到后台OM5办公区 - 实用经验教程分享!

  • 7

    把下拉框的值更改为‘百度知道’,再次提交后的结果如图,正确输出了数据。OM5办公区 - 实用经验教程分享!

    如何将下拉框中的值传到后台OM5办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!OM5办公区 - 实用经验教程分享!


    标签: HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码