use javascript to split this string "text[99][text]"

Question

I have some input text field in a form that have name with this format: sometext[234][sometext]

Something like <input type="text" name="user[2][city]" />

I need obtain 'user','2' and 'city' with split function.

Thank you

Check if this works http://stackoverflow.com/questions/1493407/how-to-split-a-string-in-javascript — Carlos Valenzuela, Feb 23 '11 at 18:30

jAndy · Accepted Answer · 2011-02-23T18:38:08.917

5

I guess a regular expression fits better here.

var res = document.getElementsByTagName('input')[0].getAttribute('name').match(/^(\w+)?\[(\d+)?\]\[(\w+)?\]$/);

console.log(res[1]); // === "user"
console.log(res[2]); // === "2"
console.log(res[3]); // === "city"

edited Feb 23 '11 at 18:38

answered Feb 23 '11 at 18:32

jAndy

231,737
57
305
359

I'd rather see an id being added than guessing that there is only one input element. :P – Shaz Feb 23 '11 at 18:34
@Shaz: indeed. I just hope the OP already querys for the element somehow. This is just for demonstration. – jAndy Feb 23 '11 at 18:35

score 3 · Answer 2 · answered Feb 23 '11 at 18:32

3

>>> "user[2][city]".split(/[\[\]]+/)

Returns this array:

["user", "2", "city", ""]

answered Feb 23 '11 at 18:32

broofa

37,461
11
73
73

problem with this is, if for some reason the first numeric value is empty, it would just split into `['user', 'city', '']`. – jAndy Feb 23 '11 at 18:48

score 1 · Answer 3 · answered Feb 23 '11 at 18:34

Have you used regexes? Try this sample (available in jsFiddle):

var re = /(.+?)\[(\d+)\]\[(.+?)\]/;
var result = re.exec("user[2][city]");
if (result != null)
{
    var firstString = result[1]; // will contain "user"
    var secondString = result[2]; // will contain "2"
    var thirdString = result[3]; // will contain "city"
    alert(firstString + "\n" + secondString + "\n" + thirdString);
}

use javascript to split this string "text[99][text]"

3 Answers3