drzip28288 2017-03-16 07:50
浏览 605
已采纳

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

In my project I want the serialize data of the form, but for the dropdowns it gives the values only not a text of that selected value of drop down.

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

Here it gives attend = 1. I also want the text of that selected option that is "Question".

  • 写回答

1条回答 默认 最新

  • doujie9882 2017-03-16 07:52
    关注

    serialize() will only retrieve the name and value properties from an element.

    To do what you require you can use serialize() as normal, then append the selected option text to it:

    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>

    If you wanted to use serializeArray() you would need to push() the data to the resulting object, like this:

    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>

    </div>
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥15 想问一下stata17中这段代码哪里有问题呀
  • ¥15 flink cdc无法实时同步mysql数据
  • ¥100 有人会搭建GPT-J-6B框架吗?有偿
  • ¥15 求差集那个函数有问题,有无佬可以解决
  • ¥15 【提问】基于Invest的水源涵养
  • ¥20 微信网友居然可以通过vx号找到我绑的手机号
  • ¥15 寻一个支付宝扫码远程授权登录的软件助手app
  • ¥15 解riccati方程组
  • ¥15 使用rabbitMQ 消息队列作为url源进行多线程爬取时,总有几个url没有处理的问题。
  • ¥15 Ubuntu在安装序列比对软件STAR时出现报错如何解决