jQuery多重选择器

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&PID=ST-L09F166&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="">

Answer 1

Your selector is using the HTML escaped attribute value:

[value='http://link.com?TYPE=P&PID=ST-L09F166&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.

Answer 2

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.

Answer 3

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']")

Answer 4

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");
}

Answer 5

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