The character of the textarea input is turned to object

Question

for example in input name:1111,ss:1111,... => {name:1111,ss:1111,...} A method of turning characters into objects

   I can't find a good way to do it

The operation you're talking about is called String Parsing and it cannot be accomplished with html alone. What's your final goal? — Oneiros, Nov 28 '17 at 10:16
I think you're looking for this https://stackoverflow.com/a/1186309/1187199 — Stefan Balan, Nov 28 '17 at 10:22
Do you want to parse the input of yout field and get the javascript object of it ? — crgarridos, Nov 28 '17 at 10:23
You need to specify what programming language you want to use to do this. HTML is not a programming language so it can't do it alone. — JJJ, Nov 28 '17 at 10:23

score 1 · Answer 1 · answered Nov 28 '17 at 10:27

So, you need this method or what?

if need method, it's simple: just get value of textarea, wrap text into quotes, add braces and call on it JSON.parse()

var textarea = document.getElementById("id-of-textarea");
var value = textarea.value;
var wrapped = "{"+value.replace(/(\w+)/g, '"$1"') + "}";
var result = JSON.parse(wrapped);

But, you should expect any values that user can input, so it's not good idea to use textarea for input some data.

I was thinking the same using JSON.parse – Suhail Akhtar Nov 28 '17 at 10:31 — Suhail Akhtar, Nov 28 '17 at 10:31

score 0 · Answer 2 · answered Nov 28 '17 at 10:37

As per the structure of you input I would suggest you to use different textfields to capture data rather than having it into a single textarea. Like this, you will be able to iterate over those and fetch their value and store them in form of an object or a map

Your HTML:

<input id="name" value="1111"/>
<input id="ss" value="2222"/>
...

Your script (JQuery/Javascript):

var data = {};
$('input').each(function () {

data[$(this).attr("id")] = $(this).val();

});

The character of the textarea input is turned to object

2 Answers2