HTML element in JQuery

Question

I am using JQuery autocomplete option to get values from database using PHP. I have 2 text boxes and I am trying to use same PHP file to get the required results. My HTML code is

<tr>
 <td>LOB</td>
  <td><input autocomplete="off" type="text" name="ABC" class="autocomplete"/></td>
</tr>
<tr>
 <td>Project Name</td>
 <td><input autocomplete="off" type="text" name="PQR" class="autocomplete"/></td>
</tr>

and my JQuery is

$(document).ready(function() {
$( ".autocomplete" ).autocomplete({
source: 'LiveSearch.php?name='+ $(".autocomplete").attr('name') + '&',
minLength: 2
});
});

But as these there are 2 elements with same class. I am not getting correct arrr('name'). MySQL will differ based on this name. I tried (this) but still not getting the result. If I am in the first text box then name should be of that text box etc.. Please let me know if I am missing anything.

u want value from txtbox1 ,or txtbox2?

Pratik Joshi
– Pratik Joshi

2014-04-19 07:40:34 +00:00
Commented Apr 19, 2014 at 7:40 — Pratik Joshi
– Pratik Joshi, Commented Apr 19, 2014 at 7:40

Amit Joki · Accepted Answer · 2014-04-19 07:46:25Z

1

You can target the textbox using name.

$('[name=ABC]').val()

answered Apr 19, 2014 at 7:46

Amit Joki

59.4k7 gold badges80 silver badges96 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Pratik Joshi · Accepted Answer · 2014-04-19 07:42:24Z

0

Use id to differentiate

<tr>
 <td>LOB</td>
  <td><input autocomplete="off" type="text" name="ABC" id="id1" class="autocomplete"/></td>
</tr>
<tr>
 <td>Project Name</td>
 <td><input autocomplete="off" type="text" name="PQR" id="id2" class="autocomplete"/></td>
</tr>

//Script

$(document).ready(function() {
$( ".autocomplete" ).autocomplete({
source: 'LiveSearch.php?name='+ $("#id1").attr('name') + '&',
minLength: 2
});
});

answered Apr 19, 2014 at 7:42

Pratik Joshi

11.7k7 gold badges44 silver badges73 bronze badges

1 Comment

Swapnil Ranadive Over a year ago

Hi Pratik, I am using same LiveSearch.php where I have defined a logic to read attribute name and fetch the respective data. each(function) is working. Thanks a lot for your reply.

MatCarey · Accepted Answer · 2014-04-19 08:06:27Z

0

You're mixing the scope of 'all autocompletes' and 'the current automplete'. One way of dealing with this is to use jQuery's each() method:

$('.various-things').each(function () {
  console.log($(this).attr('something');
});

This would log the 'something' attribute of each .various-things on the page. It looks like what you'd need is:

$(document).ready(function() {
  $( ".autocomplete" ).each(function () {
    $(this).autocomplete({
      source: 'LiveSearch.php?name='+ $(this).attr('name') + '&',
      minLength: 2
    });
  });
});

Now it'll find all autocompletes and set them up using their own name.

answered Apr 19, 2014 at 8:06

MatCarey

2,4491 gold badge16 silver badges12 bronze badges

Collectives™ on Stack Overflow

HTML element in JQuery

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related