Assign input textfield having Javascript Array Value to javascript Array Variable

Question

I'm currently trying to populate some location data for google maps initialization, So to an HTML input field I assign it with an JavaScript array format so that I use it for google maps but all in vein. . . . Here is my Code

      <input id="a" name="a" value='["WAPDA Town, Lahore, Pakistan","31.4311985","74.26435820000006","1"],["Johar Town, Lahore, Pakistan","31.469693","74.27284610000004","2"],'>

then I further Call it in my script to initialize it for locations.

 var location = '[' + document.getElementById('a').value + ']';

but it is not giving my desire result as I know I'm doing wrong. but what is the proper way of initalizing it? Any Suggestion

use JSON.parse. var location = JSON.parse('[' + document.getElementById('a').value + ']'); (but you need to get rid of the trailing ',' at the end). document.getElementById('a').value.slice(0, -1) will remove the trailing ',' — ajai Jothi
– ajai Jothi, Commented Aug 22, 2019 at 20:12
Why are you putting that array in an <input> element in the first place? — Pointy
– Pointy, Commented Aug 22, 2019 at 20:14
@Pointy input value has multiple array seperated by ','. so we need to wrap the value with '[]' — ajai Jothi
– ajai Jothi, Commented Aug 22, 2019 at 20:18
@ajaiJothi Answer Worked for me I'm keep searching for this for last two hours save my day :D — Naveed Cheema
– Naveed Cheema, Commented Aug 22, 2019 at 20:23

Kamil Kiełczewski · Accepted Answer · 2019-08-22 20:14:18Z

1

Try (I remove last comma from your input)

var loc = JSON.parse(`[${a.value}]`);

console.log(loc);

 <input id="a" name="a" value='["WAPDA Town, Lahore, Pakistan","31.4311985","74.26435820000006","1"],["Johar Town, Lahore, Pakistan","31.469693","74.27284610000004","2"]'>

answered Aug 22, 2019 at 20:14

Kamil Kiełczewski

93.7k34 gold badges401 silver badges375 bronze badges

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

2 Comments

Naveed Cheema Over a year ago

Thanks This is also a right answer thanks, But why we use JSON.parse while getting array from HTML input field

Pointy Over a year ago

@NaveedCheema because the value of an input is always a string.

Collectives™ on Stack Overflow

Assign input textfield having Javascript Array Value to javascript Array Variable

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related