如何在form.serialize中获取下拉列表的值和文本?

拉菲克·马雷克

在我的项目中,我想要表单的序列化数据,但对于下拉列表,它只给出值而不是下拉所选值的文本。

<select name='attend'>
    <option value="1" selected="selected">Question</option>
    <option value="2">Attending</option>
    <option value="3">not-attending</option>
</select>

在这里,它的出席人数=1。我还希望该选定选项的文本为“问题”。

罗里·麦克罗森

serialize()只会从元素中检索namevalue属性。

要执行您需要的操作,您可以serialize()正常使用,然后将选定的选项文本附加到它:

var data = $('form').serialize() + '&attendText=' + $('select option:selected').text();

console.log(data);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
  <select name='attend'>
    <option value="1" selected="selected">Question</option>
    <option value="2">Attending</option>
    <option value="3">not-attending</option>
</select>
</form>

如果要使用serializeArray(),则需要push()将数据添加到结果对象中,如下所示:

var data = $('form').serializeArray();
data.push({ 
  name: 'attendText',
  value: $('select option:selected').text() 
});

console.log(data);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
  <select name='attend'>
    <option value="1" selected="selected">Question</option>
    <option value="2">Attending</option>
    <option value="3">not-attending</option>
</select>
</form>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何通过在jQuery中传递选项文本来获取下拉列表的特定选项值

来自分类Dev

如何在XSL(Joomla中的SobiPro插件)中获取下拉列表的值?

来自分类Dev

如何在挤压工具中获取下拉值的文本?

来自分类Dev

如何获取下拉列表的枚举值?目前文本和值都相同

来自分类Dev

如何在Angular JS中从前端获取下拉列表的选定值

来自分类Dev

如何在angular2的表单元素中获取下拉列表选择的值

来自分类Dev

如何在jQuery中获取下拉列表选项的数量

来自分类Dev

如何在jQuery中获取下拉列表选项的数量

来自分类Dev

如何使用VBA从单词内容控制中获取下拉值(不显示文本)

来自分类Dev

如何获取下拉值作为文本框名称?

来自分类Dev

当我在detailsView控件中编辑数据时,如何获取下拉列表选择的值?

来自分类Dev

单击提交按钮时如何获取下拉列表中的选定值

来自分类Dev

如何从动态数组获取下拉列表的值?

来自分类Dev

如何使用jQuery获取下拉列表的值?

来自分类Dev

如何使用JavaScript / JQuery获取下拉列表的选定值

来自分类Dev

如何在foreach循环内的文本框中获取下拉选择的选项文本

来自分类Dev

如何在asp.net中使用jQuery获取下拉列表选择的值绑定?

来自分类Dev

如何在Kendo UI中获取下拉菜单的选定项目的文本?

来自分类Dev

如何使用 Angular 4 中的 Reactive 表单在 ngOnInit 上获取下拉列表的默认选择值

来自分类Dev

如何从JSP获取下拉列表的元素

来自分类Dev

如何在另一个div中以简单文本的形式获取下拉菜单中所选的默认值

来自分类Dev

如何使用Selenium WebDriver中的下拉选项获取下拉选项值

来自分类Dev

如何使用Selenium WebDriver中的下拉选项获取下拉选项值

来自分类Dev

如何获取下拉菜单项的值并附加到文本输入?

来自分类Dev

如何获取下拉列表的值而不是ID yii2

来自分类Dev

在MVC中使用局部视图时,如何获取下拉列表的选定值?

来自分类Dev

如何获取下拉列表值并通过 ActionLink 传递给控制器?

来自分类Dev

如何获取下拉列表值并插入 MySQL 服务器?

来自分类Dev

如何在组合框下拉列表中获取每个值?

Related 相关文章

  1. 1

    如何通过在jQuery中传递选项文本来获取下拉列表的特定选项值

  2. 2

    如何在XSL(Joomla中的SobiPro插件)中获取下拉列表的值?

  3. 3

    如何在挤压工具中获取下拉值的文本?

  4. 4

    如何获取下拉列表的枚举值?目前文本和值都相同

  5. 5

    如何在Angular JS中从前端获取下拉列表的选定值

  6. 6

    如何在angular2的表单元素中获取下拉列表选择的值

  7. 7

    如何在jQuery中获取下拉列表选项的数量

  8. 8

    如何在jQuery中获取下拉列表选项的数量

  9. 9

    如何使用VBA从单词内容控制中获取下拉值(不显示文本)

  10. 10

    如何获取下拉值作为文本框名称?

  11. 11

    当我在detailsView控件中编辑数据时,如何获取下拉列表选择的值?

  12. 12

    单击提交按钮时如何获取下拉列表中的选定值

  13. 13

    如何从动态数组获取下拉列表的值?

  14. 14

    如何使用jQuery获取下拉列表的值?

  15. 15

    如何使用JavaScript / JQuery获取下拉列表的选定值

  16. 16

    如何在foreach循环内的文本框中获取下拉选择的选项文本

  17. 17

    如何在asp.net中使用jQuery获取下拉列表选择的值绑定?

  18. 18

    如何在Kendo UI中获取下拉菜单的选定项目的文本?

  19. 19

    如何使用 Angular 4 中的 Reactive 表单在 ngOnInit 上获取下拉列表的默认选择值

  20. 20

    如何从JSP获取下拉列表的元素

  21. 21

    如何在另一个div中以简单文本的形式获取下拉菜单中所选的默认值

  22. 22

    如何使用Selenium WebDriver中的下拉选项获取下拉选项值

  23. 23

    如何使用Selenium WebDriver中的下拉选项获取下拉选项值

  24. 24

    如何获取下拉菜单项的值并附加到文本输入?

  25. 25

    如何获取下拉列表的值而不是ID yii2

  26. 26

    在MVC中使用局部视图时,如何获取下拉列表的选定值?

  27. 27

    如何获取下拉列表值并通过 ActionLink 传递给控制器?

  28. 28

    如何获取下拉列表值并插入 MySQL 服务器?

  29. 29

    如何在组合框下拉列表中获取每个值?

热门标签

归档