form提交后,action中怎么获取select下拉框的选中值

form提交后,action中怎么获取select下拉框的选中值,第1张

答案是不能因为浏览器只会把value的值发送到服务器,而不会发送显示的文本

要么你把值和文本都写在value属性中,一起提交后再拆分

要么接收值,然后通过值换算出文本,当然,这需要文本与值有一对一的对应关系

一:JavaScript原生的方法

1:拿到select对象: var myselect=documentgetElementById(“test”);

2:拿到选中项的索引:var index=myselectselectedIndex ; // selectedIndex代表的是你所选中项的index

3:拿到选中项options的value: myselectoptions[index]value;

4:拿到选中项options的text: myselectoptions[index]text;

二:jQuery方法(前提是已经加载了jquery库)

1:var options=$(“#test option:selected”); //获取选中的项

2:alert(optionsval()); //拿到选中项的值

3:alert(optionstext()); //拿到选中项的文本

<script type="text/javascript">

  // 获取指定form中的所有的<input><select>对象

  function getElements(formId) {

      var form = documentgetElementById(formId);

      if(form == null){

          return false;

      }

      var elements = new Array();

      var inputTagElements = formgetElementsByTagName('input');

      for (var j = 0; j < inputTagElementslength; j++) {

          elementspush(inputTagElements[j]);

      }

      var selectTagElements = formgetElementsByTagName('select');

      for (var j = 0; j < selectTagElementslength; j++) {

          elementspush(selectTagElements[j]); 

      }

      return elements;

  }

扩展资料:

form表单提交

在form标签中添加Action(提交的地址)和method(post),且有一个submit按钮。

(<input type='submit'>)就可以进行数据的提交,每一个input标签都需要有一个name属性,才能进行提交。

当点击登陆时,向数据库发生的数据是:username=username&password=password

这种默认的提交方式,一般会进行页面的跳转(不成功时跳转到当前页面)。而有时候是对d出框进行数据提交的,希望提交成功则关闭d出框并刷选父页面,失败则提示失败原因,且d出框不关闭。此时可以采用Ajax进行数据提交。

以上就是关于form提交后,action中怎么获取select下拉框的选中值全部的内容,包括:form提交后,action中怎么获取select下拉框的选中值、如何获得select被选中option的value和text、js怎么获取form表单中所有的input和select等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9549153.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-29
下一篇 2023-04-29

发表评论

登录后才能评论

评论列表(0条)

保存