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

Get all values from html dictionary attribute

本文关键字:获取 html 字典 属性      更新时间:2023-09-26

我正在使用JavaScript。
我有以下HTML元素

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

'value'属性包含x,y,z等…(键和值)
我怎么能只从"值"属性的值?
即:

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

这是一个有效的JSON字符串,所以使用 JSON.parse() 解析它,并使用 Array#map 方法获得value属性。

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)
<input name="myInputName" id="myID" type="hidden" value='[{"name":"x","value":"1"},{"name":"y","value":"2"}]'>