Jquery multiple selector

Question

I am trying to select one input box, But because i may have more than one inputs, i am trying to limit the one i am selecting. Here is my jquery code that select the the input but for some reason it doesn't work. Is theresomething i am doing wrong? This is be executed once the document is ready.

if ( $("input[name='RETURN.URL'][value='http://link.com?TYPE=P&amp;PID=ST-L09F166&amp;CONSTITUENCY=WBST']").length > 0 )
{
    alert("Transcript report");
}
else
{
    alert("Not Transcript Report");
}

Here the html

<input type="hidden" name="RETURN.URL" value="http://link.com?TYPE=P&amp;PID=ST-L09F166&amp;CONSTITUENCY=WBST">
<input type="hidden" name="SUBMIT_OPTIONS" value="">

drop the [value] qualifier... It's probably broken. Also: add a class and use that as the selector $('input.report'); — Richard
– Richard, Commented Aug 20, 2013 at 15:49
I don't understand your problem. What is the purpose of your code? Can you have the same name several times? Error message? — glautrou
– glautrou, Commented Aug 20, 2013 at 15:52
@Richard: In that case an ID is more appropriate if he wants to target a specific input. — glautrou
– glautrou, Commented Aug 20, 2013 at 15:54
@glautrou Sure, ID would work too. Just anything except for "value". Value shouldn't be used as a CSS Selector filter. — Richard
– Richard, Commented Aug 20, 2013 at 15:55
I would agree, that an id would be awsome, however i don't actually generate the html has the html page is generated dynamically, in which i have no control on. — Jseb
– Jseb, Commented Aug 20, 2013 at 16:00

zzzzBov · Accepted Answer · 2013-08-20 15:49:44Z

5

Your selector is using the HTML escaped attribute value:

[value='http://link.com?TYPE=P&amp;PID=ST-L09F166&amp;CONSTITUENCY=WBST']

The actual value of the selector should use & and not &:

[value='http://link.com?TYPE=P&PID=ST-L09F166&CONSTITUENCY=WBST']

The value was HTML escaped so that the value would be correctly represented within the attribute, but the query selector needs to match by the actual value.

You'd probably be better off using a simple selector such as a class. This is particularly important, as the URL represented in the [value] attribute could have its query string parameters in any order and represent the same resource.

answered Aug 20, 2013 at 15:49

zzzzBov

180k57 gold badges328 silver badges375 bronze badges

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

1 Comment

Petr R. Over a year ago

Dammit, you beat me by 1 minute. Feel free to use this fiddle if you want to.

Juan Cortés · Accepted Answer · 2013-08-20 15:54:39Z

1

HTML entities are translated before they're shown in the browser, therefor & becomes & and so forth. So when you're filtering the selector you're looking for something that's been translated into something else.

Here's the JSFiddle.

Without getting into details of why you're selecting input elements this way, you just need to understand what I said and change the selector to:

$("input[name='RETURN.URL'][value='http://link.com?TYPE=P&PID=ST-L09F166&CONSTITUENCY=WBST']")

answered Aug 20, 2013 at 15:54

Juan Cortés

21.2k8 gold badges70 silver badges91 bronze badges

1 Comment

Jseb Over a year ago

Wow thank you, this is what i was looking into, and it totally make sense, I agree filtering the input that i am looking might not be the best, but i don't really generate the html unless i use jquery.

palerdot · Accepted Answer · 2013-08-20 16:17:15Z

1

use jQuery attr() method

if($("input[value='http://link.com?TYPE=P&PID=ST-L09F166&CONSTITUENCY=WBST']").attr('name') == 'RETURN.URL'){
 alert("Transcript report");
}
else
{
    alert("Not Transcript Report");
}

Unless otherwise, these contents are dynamically added, it is better to give this input an id, and access via it.

edited Aug 20, 2013 at 16:17

answered Aug 20, 2013 at 15:53

palerdot

7,6625 gold badges45 silver badges47 bronze badges

3 Comments

Jseb Over a year ago

How would it set the value? cause i really don't want to set the anything

palerdot Over a year ago

@Richard: I have actually edited with a modified use of attr() method. My initial answer would indeed set the value.

palerdot Over a year ago

@Jseb: I have edited my answer with a modified use of attr() method. This should work.

Venkata Krishna · Accepted Answer · 2013-08-20 15:51:27Z

0

lose the dot in RETURN.URL (its not a preferred way of adding names with dots to input elements)

& use $('input[name=RETURNURL]').val().length

answered Aug 20, 2013 at 15:51

Venkata Krishna

15.2k5 gold badges45 silver badges57 bronze badges

Comments

Christopher Marshall · Accepted Answer · 2014-02-03 20:29:31Z

0

Check the value instead of using it as a selector.

JSFiddle

if ( $("input[name='RETURN.URL']").val().length > 0 )
{
    alert("Transcript report");
}
else
{
    alert("Not Transcript Report");
}

edited Feb 3, 2014 at 20:29

answered Aug 20, 2013 at 15:49

Christopher Marshall

10.7k10 gold badges57 silver badges95 bronze badges

2 Comments

zzzzBov Over a year ago

Please don't abuse the <kbd> element, it's meant for marking up user input (such as keyboard buttons), not for making your link stand out.

Brad Larson Over a year ago

Come on, folks. Let's not get into a fight over a simple formatting element. It doesn't really matter which way it's used here, so just let it go.

Collectives™ on Stack Overflow

Jquery multiple selector

5 Answers 5

1 Comment

1 Comment

3 Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

1 Comment

3 Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related