jQuery Selecting based on a data value

Question

I have several input elements, that only differ on their data- attribute.

<input name="country" data-action="buy"/>
<input name="country" data-action="sell"/>

I'm trying to get the value that the user entered into the input with a "buy" data-

What's the selector I should use?

$("input[name=country] ????").val()

(There is a reason they have the same name and no id that's not related to the question)

Arun P Johny · Accepted Answer · 2013-11-27 04:25:13Z

2

Just add data-action="buy" also as an attribute selector

$('input[name="country"][data-action="buy"]').val()

answered Nov 27, 2013 at 4:25

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

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

Comments

Ankit Tyagi · Accepted Answer · 2013-11-27 04:25:44Z

1

$("input[data-action='buy']").val()

answered Nov 27, 2013 at 4:25

Ankit Tyagi

2,37511 silver badges20 bronze badges

DevlshOne · Accepted Answer · 2013-11-27 04:28:01Z

1

$("input[name='country']").filter(i) {
  return $(this).data('action') == 'buy';
}).val();

answered Nov 27, 2013 at 4:28

DevlshOne

8,4671 gold badge31 silver badges38 bronze badges

This is an interesting answer, thanks. What's the advantage over a plain selector?

I don't know that there is an advantage but it provides a little practice with the .filter() method.