jquery concatenate string and input value to get id

Question

I'm trying to get an id field by concatenating a sting and an input value. The input value changes based on a previous action in the page and I want to be able to use that create an action.

            var ID=$("#PeoplePickerIDField").val();
            var blocker="$('#block"+ID+"')";
            if (blocker.val() == "Allow"){
                alert("Allowed");
            } else {
                alert("Not Allowed");
            }

The value of the field "PeoplePickerIDField" is the one that changes and this corresponds to the block field also (this id already changes based on what is in the "PeoplePickerIDField").

any help would be appreciated :)

thanks

blocker=$('#block"+ID), Just create a valid selector using string concatenation the use $() — Satpal
– Satpal, Commented Apr 26, 2016 at 12:37

Dhara Parmar · Accepted Answer · 2016-04-26 12:35:56Z

3

Try:

            var ID=$("#PeoplePickerIDField").val();
            var blocker=$("#block"+ID); 
           if ($(blocker).val() == "Allow"){
             alert("Allowed");
           } else {
            alert("Not Allowed");
            }

answered Apr 26, 2016 at 12:35

Dhara Parmar

8,1231 gold badge19 silver badges27 bronze badges

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

1 Comment

elboffor Over a year ago

That's spot on thank you, I was clearly overdoing the markup lol. once the 10 minute accept countdown will allow me I'll accept this as the correct answer :) Thanks again.

A.T. · Accepted Answer · 2016-04-26 12:43:34Z

1

jQuery is powerful library.You can do same by matching ID attribute.

$(function(){
var blocker=$('[id=block'+ $("#textId").val() + ']');
            if (blocker.val() == "Allow"){
                alert("Allowed");
            } else {
                alert("Not Allowed");
            }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type='text' id='textId' value='test'/>
<input type='text' id='blocktest' value=''/>

answered Apr 26, 2016 at 12:43

A.T.

26.7k8 gold badges50 silver badges68 bronze badges

5 Comments

elboffor Over a year ago

that's very nice indeed @A.T. would save me using a var that's not needed. will keep that one in my back pocket for later :) thanks

Satpal Over a year ago

when OP is using IDs selector, suggesting attribute value selector is slow and incorrect as identifiers are unique

A.T. Over a year ago

@Satpal you are right but sometimes you need to do things that way.

Satpal Over a year ago

@A.T., When?? as duplicate identifiers renders your document invalid

A.T. Over a year ago

@Satpal i am not saying id is duplicate, kindly recheck my answer. In case, if you need to find element with id ending with some string e.g. RANDOM_NUMBER_CRAP_ID. if you have web form experience you will see long ids of html elements. for more see api.jquery.com/attribute-contains-selector that's why such things exist

Collectives™ on Stack Overflow

jquery concatenate string and input value to get id

2 Answers 2

1 Comment

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related