使用jquery将单个文本框值传递给ajax调用

波利德夫

我正在使用价格表。它有多个计划与数量文本框。每个计划都有提交按钮。因此,用户可以更改文本框的值。通过单击Submit函数,特定的定价表值应传递给ajax函数。

HTML程式码:

<div class="pricing_table">
            <h3 class="title">RD195</h3>
                <span class="price">Rs.195</span>
                   <ul class="features">
                        <li>10 items</li>
                        <li>Unlimited</li>
                         <li><input type="text" class="discountAmount" value="176" style="width:75px;" /></li>
                        <li>7 Days</li>
                  </ul>
                   <a href="#" class="btn btn-default" onclick="javascript:Plans.Subscribe('RD195','RDPurchase','195');return false;">Subscribe</a>
                  <%--<a href="#" class="btn btn-default" onclick="return vas_confirmcandi('RD195','RDPurchase','195')">Subscribe</a>--%>
             </div>
          </div>

         <div class="pricing_table">

            <h3 class="title">RD545</h3>
                <span class="price">Rs.545</span>
                   <ul class="features">
                        <li>50 items </li>
                        <li>Unlimited</li>
                          <li><input type="text" class="discountAmount" value="491" style="width:75px;" /></li>
                        <li>30 Days</li>
                  </ul>
                   <a href="#" class="btn btn-default" onclick="javascript:Plans.Subscribe('RD545','RDPurchase','545');return false;">Subscribe</a>
                  <%--<a href="#" class="btn btn-default" onclick="return vas_confirmcand('RD545','RDPurchase','545')">Subscribe</a>--%>
             </div>

我想采用折价金额的值来传递ajax函数。但是,当我单击第二个表金额545时,submit函数始终采用第一个值176

我的Ajax代码:

Plans.Subscribe = function (planName, Description, amount){
    var data = $('input[class=discountAmount]').val();
    $("#wait").show();
    if (planName != undefined) {
        $.ajax({
            type: "POST",
            url: "/plans/getdetail",
            data: { 'Plan': plan, 'Type': Description, 'Amount': amount, 'DiscountAmount': data },
            dataType: "json",
            success: function (response) {
                if (response.Success) {
                    $("#wait").hide();
                } else {
                   $("#wait").hide();
                }
            },
            error: function (xhr, status, error) {
                $("#wait").hide();
            }
        });
    }
};
本·弗里德

$('input[class=discountAmount]').val()或更通常写为$('input.discountAmount').val()总是将返回与该选择器匹配的第一个输入的值。您需要指定所需的WHICH输入,而不是使用class指定所有输入.discountAmount

最简单的方法是为每个输入分配一个ID,该ID具有您已经传递给函数的一些值。举个例子planName那你就可以做$('#' + planName).val()

您的输入应如下所示:

<input type="text" id="RD195" class="discountAmount" value="176" style="width:75px;" />

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

将文本框值传递给字符串

来自分类Dev

将文本框值传递给 R 文件

来自分类Dev

使用存储过程将文本框值传递给数据库

来自分类Dev

使用JavaScript将dropdownlist值传递到文本框

来自分类Dev

将html无序列表值传递给c#文本框并在sqlquery中使用

来自分类Dev

将文本框值传递给类,然后跨页面绑定值

来自分类Dev

如何使用onPaste事件将粘贴在文本框中的文本传递给javascript函数?

来自分类Dev

如何使用onPaste事件将粘贴在文本框中的文本传递给javascript函数?

来自分类Dev

在单击按钮时将文本框值传递给控制器?

来自分类Dev

将Form1文本框值传递给Form2按钮

来自分类Dev

单击按钮时如何将HTML文本框的值(内容)传递给javascript函数?

来自分类Dev

如何将文本框值传递给beginform routevalues

来自分类Dev

为什么Javascript不通过id将值传递给文本框MVC?

来自分类Dev

淘汰赛js将文本框值传递给ViewModel

来自分类Dev

从文本框中检索值并传递给js

来自分类Dev

将文本框控件传递给专用子功能

来自分类Dev

将文本框传递给方法。使用textchanged事件时。C#Visual Studio

来自分类Dev

使用jquery从多个文本框值中的字符计数为单个最大值

来自分类Dev

使用jQuery闪烁文本框值

来自分类Dev

将多个文本框值绑定到单个属性

来自分类Dev

在Jquery中,从单个文本框ID取不同的值

来自分类Dev

如何使用Asp.Net在客户端使用HyperLink字段将文本框值传递给查询字符串

来自分类Dev

来自datepicker onSelect的jQuery ajax调用消失了文本框

来自分类Dev

将值从文本框传递到datagridview

来自分类Dev

无法将值从函数传递到文本框

来自分类Dev

如何通过单击UserControl中的按钮将UserControl中存在的文本框值传递给Aspx页面标签

来自分类Dev

如何通过单击UserControl中的按钮将UserControl中存在的文本框值传递给Aspx页面标签

来自分类Dev

将动态生成的文本框值传递给ASP.NET MVC中的控制器

来自分类Dev

如何将两个文本框值传递给 Angular6 中的函数?

Related 相关文章

  1. 1

    将文本框值传递给字符串

  2. 2

    将文本框值传递给 R 文件

  3. 3

    使用存储过程将文本框值传递给数据库

  4. 4

    使用JavaScript将dropdownlist值传递到文本框

  5. 5

    将html无序列表值传递给c#文本框并在sqlquery中使用

  6. 6

    将文本框值传递给类,然后跨页面绑定值

  7. 7

    如何使用onPaste事件将粘贴在文本框中的文本传递给javascript函数?

  8. 8

    如何使用onPaste事件将粘贴在文本框中的文本传递给javascript函数?

  9. 9

    在单击按钮时将文本框值传递给控制器?

  10. 10

    将Form1文本框值传递给Form2按钮

  11. 11

    单击按钮时如何将HTML文本框的值(内容)传递给javascript函数?

  12. 12

    如何将文本框值传递给beginform routevalues

  13. 13

    为什么Javascript不通过id将值传递给文本框MVC?

  14. 14

    淘汰赛js将文本框值传递给ViewModel

  15. 15

    从文本框中检索值并传递给js

  16. 16

    将文本框控件传递给专用子功能

  17. 17

    将文本框传递给方法。使用textchanged事件时。C#Visual Studio

  18. 18

    使用jquery从多个文本框值中的字符计数为单个最大值

  19. 19

    使用jQuery闪烁文本框值

  20. 20

    将多个文本框值绑定到单个属性

  21. 21

    在Jquery中,从单个文本框ID取不同的值

  22. 22

    如何使用Asp.Net在客户端使用HyperLink字段将文本框值传递给查询字符串

  23. 23

    来自datepicker onSelect的jQuery ajax调用消失了文本框

  24. 24

    将值从文本框传递到datagridview

  25. 25

    无法将值从函数传递到文本框

  26. 26

    如何通过单击UserControl中的按钮将UserControl中存在的文本框值传递给Aspx页面标签

  27. 27

    如何通过单击UserControl中的按钮将UserControl中存在的文本框值传递给Aspx页面标签

  28. 28

    将动态生成的文本框值传递给ASP.NET MVC中的控制器

  29. 29

    如何将两个文本框值传递给 Angular6 中的函数?

热门标签

归档