Javascript 坚持使用json更新_Javascript_Json

Javascript 坚持使用json更新

javascript json

Javascript 坚持使用json更新,javascript,json,Javascript,Json,我有点被javascript/json卡住了。我制作了一个脚本，介绍如何加载json并将其放入html。现在我的问题是，如何更新数据。我想让脚本这样，当你试着按下按钮时，脚本会从这个人那里更新生活的地方 Plaats=地点邮政编码=邮政编码 <!DOCTYPE html> <html lang="en"> <body> <p id="demo"></p> <script> var text = '{ "gebruike

我有点被javascript/json卡住了。我制作了一个脚本，介绍如何加载json并将其放入html。现在我的问题是，如何更新数据。我想让脚本这样，当你试着按下按钮时，脚本会从这个人那里更新生活的地方

Plaats=地点邮政编码=邮政编码

<!DOCTYPE html>
<html lang="en">
<body>
<p id="demo"></p>
<script>
var text = '{ "gebruikers" : [' +
'{"naam":"Johan de vries", "Plaats":"Otterlokade 56", "postcode":"6743FG", "Plaats":"Dinxperloo", "telefoon":"0495-1234567"},' +
'{"naam":"Jan de hoop", "Plaats":"Maaswijk 23", "postcode":"1234AK", "Plaats":"Hindelopen", "telefoon":"0345-1245677"},' +
'{"naam":"Marlies de hoop", "Plaats":"Maaswijk 23", "postcode":"1234AK", "Plaats":"Hindelopen", "telefoon":"0345-1245677"} ]}';
// Load JSON
obj = JSON.parse(text);


var longtext = "";
for (i = 0; i < obj.gebruikers.length; i++) {
// add json to longtext
    longtext += "<ul><li>" + obj.gebruikers[i].naam + "</li><li> " + obj.gebruikers[i].Plaats + "</li>" + obj.gebruikers[i].postcode + "</li><li>" + obj.gebruikers[i].Plaats + "</li><li>" + obj.gebruikers[i].telefoon + "</li></ul>" ;
}

function myChange() {
// load names
var selector = document.getElementById('namen');
var value = selector[selector.selectedIndex].value;
// Load places
var plaatsen = document.getElementById('plaatsen');
var plaatsen = plaatsen[plaatsen.selectedIndex].value;


  for (var i=0; i<text.length; i++) {
    if (longtext[i].naam == value) {
      longtext[i].Plaats = plaatsen;
      break;
    }
  }
}

document.getElementById("demo").innerHTML = longtext;


</script>

<select name="plaatsen">
  <option value="Amersfoort">Amersfoort</option>
  <option value="Utrecht">Utrecht</option>
  <option value="Amsterdam">Amsterdam</option>
</select>
<select name="namen">
  <option value="Johan de vries">Johan de vries</option>
  <option value="Jan de hoop">Jan de hoop</option>
  <option value="Marlies de hoop">Marlies de hoop</option>
</select>

<input type="submit" onclick="myChange()">

</body>
</html>



var text='{“gebruikers”：['+
“{”naam:“约翰·德·弗里斯”，“普拉茨:“奥特洛卡德56”，“邮政编码：“'6743FG”，“普拉茨:“丁克斯佩罗”，“telefoon:“0495-1234567”}，”+
{“naam”：“Jan de hoop”，“Plaats”：“Maaswijk 23”，“邮政编码”：“1234AK”，“Plaats”：“Hindelopen”，“telefoon”：“0345-1245677”}，'+
{“naam”：“Marlies de hoop”，“Plaats”：“Maaswijk 23”，“邮政编码”：“1234AK”，“Plaats”：“Hindelopen”，“telefoon”：“0345-1245677”}]}；
//加载JSON
obj=JSON.parse（文本）；
var longtext=“”；
对于（i=0；i”+obj.gebruikers[i]。naam+“
”+obj.gebruikers[i]。Plaats+“
”+obj.gebruikers[i]。邮政编码+”“+obj.gebruikers[i]。Plaats+”
“+obj.gebruikers[i]。telefoon+”
；
}
函数myChange（）{
//加载名称
var选择器=document.getElementById（'namen'）；
var value=selector[selector.selectedIndex].value；
//装货地点
var plaatsen=document.getElementById（'plaatsen'）；
var plaatsen=plaatsen[plaatsen.selectedIndex].value；
对于（var i=0；i您必须更改obj
并再次显示列表

var text='{“gebruikers”：['+
“{”naam:“约翰·德·弗里斯”，“普拉茨:“奥特洛卡德56”，“邮政编码：“'6743FG”，“普拉茨:“丁克斯佩罗”，“telefoon:“0495-1234567”}，”+
{“naam”：“Jan de hoop”，“Plaats”：“Maaswijk 23”，“邮政编码”：“1234AK”，“Plaats”：“Hindelopen”，“telefoon”：“0345-1245677”}，'+
{“naam”：“Marlies de hoop”，“Plaats”：“Maaswijk 23”，“邮政编码”：“1234AK”，“Plaats”：“Hindelopen”，“telefoon”：“0345-1245677”}]}；
var obj=JSON.parse（文本）；
var demo=document.getElementById（“demo”）；
var places=document.getElementById（“plaatsen”）；
var names=document.getElementById（“namen”）；
显示（）；
函数显示（）{
var longtext=“”；
对于（i=0；i”+obj.gebruikers[i].naam+“”+
“”+obj.gebruikers[i].Plaats+“”+
“”+obj.gebruikers[i]。邮政编码+””+
“”+obj.gebruikers[i].telefoon+”
”；
}
demo.innerHTML=longtext；
}
函数myChange（）{
设plaats=places.value；
让name=names.value；
var toChange=obj.gebruikers.find（o=>o.naam==name）；
toChange.Plaats=Plaats；
显示（）；
}




阿默斯福特
乌得勒支
阿姆斯特丹
约翰·德弗里斯
简·德霍普
马利斯德胡普酒店
更新文本对象中的“位置”，然后重新输入html。