Access Array of textbox id's. in Jquery

Question

I'm new to jquery. I have a MVC code which is a form having textboxes with id's from 0 to n. There is an add button, on clicking it an extra text box is created and continues until user wishes to add as many text boxes as he can. Now I want to convert the text inside text boxes from lowercase to uppercase using jquery. I know how to do for a single text box, but how can i access when the textbox id's are in for loop. Here is an example of my text box id's

<input type="text" id="txt[i]", value = "box[i]">

i value varies from 0 to n as long as user wants to insert n no. of text boxes dynamically.

PS: I'm newbie to Stackoverflow too. Please dont mind for code format as idk how to post code here.

Does my answer solve your problem?

Selim Yildiz
– Selim Yildiz

2020-04-13 08:06:58 +00:00
Commented Apr 13, 2020 at 8:06 — Selim Yildiz
– Selim Yildiz, Commented Apr 13, 2020 at 8:06
Thanks Selim, but it didn't solve my prob. :(

Hemanth Aitharaju
– Hemanth Aitharaju

2020-04-13 08:16:13 +00:00
Commented Apr 13, 2020 at 8:16 — Hemanth Aitharaju
– Hemanth Aitharaju, Commented Apr 13, 2020 at 8:16

Selim Yildiz · Accepted Answer · 2020-03-30 11:23:42Z

1

You can select textboxes by class instead of id, and use jQuery.each(), so that you don't need to know id's.

First adding class attribute:

<input class="tbUpperClass" type="text" id="txt[i]" value="box[i]">

Then script would be like:

$(".tbUpperClass").each(function (index, value) {
    var text = $(this).val();

    //Converting text to uppercase and set textbox value
    $(this).val(text.toUpperCase());

});

See: Jquery class selector

edited Mar 30, 2020 at 11:23

answered Mar 30, 2020 at 11:18

Selim Yildiz

5,3886 gold badges22 silver badges34 bronze badges

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

Collectives™ on Stack Overflow

Access Array of textbox id's. in Jquery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related