Fetch a user defined name using jQuery

Question

Need to fetch the element by name using jquery , for fetching the name value, it is concatenated with samp (variable). cant able to form the name element. There is some problem with concatenation please help.

$("input[name^='resource_" + samp + "_']")

Full Code:

var samp = $(thisVal).attr('name');  //user defined name 

$("input[name^='resource_" + samp + "_']").each(function(key,val){
    alert("calcwk entered");
    if ($(this).val() === '') {
        theVal  = 0;
    }
    else {
        theVal = parseInt($(this).val());
    }
    tot = tot + theVal;
    alert("calcwk exit");
});

The concatenation itself looks fine. Do you have a specific problem with the code? — Rory McCrossan
– Rory McCrossan, Commented Aug 5, 2015 at 12:45

BinaryKitten · Accepted Answer · 2015-08-05 13:21:16Z

Since we cannot be sure of what the format the value "samp" will contain we need to make sure that the value is properly covered with right quotes.

$('[property=value]');

works as you have no spaces or anyway that the selector doesn't instantly know where the end of the property value is, whereas

$('[property=my value]');

confuses the parser for the system and as such you need to correctly "escape" or "wrap" the value with quotes eg:

$('[property="my value"]');

here's my version of your code for help

var samp = $(thisVal).attr('name'),   //user defined name 
    tot = 0                           //define the total
;

$('input[name^="resource_' + samp + '_"]').each(function(key,val){
    var theVal = $(this).val(); // do a jQuery call once per item
    if (theVal === '') {
        theVal  = 0; // if this is text change to 0
    }

    tot += parseInt(theVal); // no need with else, parseInt everything
    alert("calcwk exit");
});

As an example, I've created this JSFiddle: http://jsfiddle.net/fua9rtjd/

lgabster · Accepted Answer · 2015-08-05 13:00:02Z

1

Has name attribute the selected thisVal element? Here is the JsFiddle that works for me.

answered Aug 5, 2015 at 13:00

lgabster

7257 silver badges17 bronze badges

Comments

viktor.svirskyy · Accepted Answer · 2015-08-05 12:48:12Z

0

Try:

var samp = $(thisVal).attr('name');  //user defined name 

$("input[name^=resource_"+samp+"_]").each(function(key,val){
        alert("calcwk entered");
        if( $(this).val() === '' ){
            theVal  = 0;
        }
        else{
            theVal = parseInt($(this).val());
        }
        tot = tot + theVal;
        alert("calcwk exit");
    });

Trouble with name like: '%name%' - don't need to use ' Right: $("input[name^=resource_"+samp+"_]")

edited Aug 5, 2015 at 12:48

answered Aug 5, 2015 at 12:47

viktor.svirskyy

4902 silver badges8 bronze badges

3 Comments

viktor.svirskyy Over a year ago

Trouble with name like: '%name%' - don't need to use '

Rory McCrossan Over a year ago

You do need to use ' to wrap the value if it contains spaces.

Prakash_se7en Over a year ago

same issue alert is not triggered

Collectives™ on Stack Overflow

Fetch a user defined name using jQuery

3 Answers 3

Comments

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related