Changing value of an attribute using jQuery

Question

I am having a file input field:

<input class="uploadReptCtrl" id="lang_file_1" name="photo[[1,312,3]]" type="file">

I am trying to change the third element of the array in the name attribute so that it becomes:

<input class="uploadReptCtrl" id="lang_file_1" name="photo[[1,312,4]]" type="file">

How is it possible?

Newinjava · Accepted Answer · 2015-07-02 05:10:52Z

1

Try this

$('#lang_file_1').attr('name','photo[[1,312,4]]')

https://jsfiddle.net/jzzL1d2r/

you can store the value in a variable and set it as

var a = 4;
$('#lang_file_1').attr('name','photo[[1,312,'+a+']]')

https://jsfiddle.net/jzzL1d2r/1/

As you want to get the 3rd number increment it and assign it again you can do following

var numberPattern = /\d+/g;
var string = $('#lang_file_1').attr('name');
var a = string.match( numberPattern );

$('#lang_file_1').attr('name','photo[[1,312,'+(++a[2])+']]');

https://jsfiddle.net/jzzL1d2r/3/

edited Jul 2, 2015 at 5:10

answered Jul 2, 2015 at 4:50

Newinjava

9601 gold badge13 silver badges21 bronze badges

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

4 Comments

webster Over a year ago

Is it possible to extract the third element from the array, so that I can increment it?

Newinjava Over a year ago

yes using regex you can get the value, convert it into integer and increment it.

Newinjava Over a year ago

@rahulv check the edited answer, if this is what you want.

webster Over a year ago

I have handled this in server side. Anyway thanks @Newinjava

Collectives™ on Stack Overflow

Changing value of an attribute using jQuery

1 Answer 1

4 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Related