发送相同输入ID的不同标题属性

debugcn 发表于 Dev

纳乔·萨米恩托

我有一个带有 3 个输入的 HTML 表单。如果我更改这些输入中的某些值，我会使用它来检查我的数据库中的某些内容。

因此，每次如果我更改输入的值，我都需要向我的 Ajax 函数发送不同的“标题”属性。

问题是当我更改任何值时，我的 Ajax 函数会获得第一个输入的标题（“啤酒”）。

这是我的 HTML 代码：

<input id='quantity' type='text' title='BEER' value='0' onchange='search();'>
<input id='quantity' type='text' title='VODKA' value='0' onchange='search();'>
<input id='quantity' type='text' title='GIN' value='0' onchange='search();'>

这是我的功能：

function search(){

$.ajax({
    url: 'search.php',
    type: 'POST',
    data: 'code='+$("#quantity").attr("title"),
    success: function(x){

     alert(x);

     },
    error: function(jqXHR,estado,error){

        alert("ERROR");
    }
   });
}

请你帮帮我好吗？

我试图用一个数组来做它，但它没有用。

谢谢！！

D B

也许您打算将使用中的对象作为参数发送给您的函数。您可以发送this.

喜欢：

<input id='quantity' type='text' title='BEER' value='0' onchange='search(this);'>

注意：我稍微修改了您的代码以帮助处理调试消息。

function search(obj){

  var code = $(obj).attr("title");
  console.log(code);

  $.ajax({
      url: 'search.php',
      type: 'POST',
      data: 'code='+code,
      success: function(x){

       alert(x);

      },
      error: function(jqXHR,estado,error){

          alert("ERROR");

      }
   });
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<input type='text' title='BEER' value='0' onchange='search(this);'>
<input type='text' title='VODKA' value='0' onchange='search(this);'>
<input type='text' title='GIN' value='0' onchange='search(this);'>

** 顺便说一句：建议不要为页面上的多个元素使用相同的 ID。但是，通过按照您的方式调用事件，甚至不需要 ID。您可以删除它们或进行相应的更改。

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

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