从html字典属性中获取所有值

Question

我使用的是JavaScript 我有以下HTML元素

<input name="myInputName" id="myID" type="hidden" 
value='[{"name":"x","value":"1"},{"name":"y","value":"2"}]'>

＆＃39;价值＆＃39;属性包含x，y，z等...（键和值）
我怎样才能获得＆＃39; value＆＃39;中的值属性？
即：

var allValues = document.getElementById('myID').value;
var values = MyJavaScriptFunction(allValues);//return string: "1,2"

Answer 1

它是一个有效的JSON字符串，因此使用 JSON.parse() 解析它，并使用 Array#map 方法获取value属性。

＆＃13;

＆＃13;

var allValues = document.getElementById('myID').value;
var values = JSON.parse(allValues).map(function(v) {
  return v.value;
}).join(); // join array element with `,`

console.log(values)

＆＃13;

<input name="myInputName" id="myID" type="hidden" value='[{"name":"x","value":"1"},{"name":"y","value":"2"}]'>

＆＃13;

＆＃13;

＆＃13;