Javascript 如何在所选选项更新JSON值的HTML选择表单中执行此操作?
我目前有一个HTML+JS网页,其中我硬编码了一个国家的西、北、东、南地理坐标的起始条件:Javascript 如何在所选选项更新JSON值的HTML选择表单中执行此操作?,javascript,jquery,json,forms,Javascript,Jquery,Json,Forms,我目前有一个HTML+JS网页,其中我硬编码了一个国家的西、北、东、南地理坐标的起始条件: var WNES = { "W": 67.0, "N":37.5, "E": 99.0, "S": 5.0, "item":"India" }; 然而,我只收集了约180个国家的数据,因此我还有: var WSEN_list = [ {"W":60.504050405040545;"S":29.306134923492337;"E":75.1575157515752;"N":38.4755147
var WNES = { "W": 67.0, "N":37.5, "E": 99.0, "S": 5.0, "item":"India" };
然而,我只收集了约180个国家的数据,因此我还有:
var WSEN_list = [
{"W":60.504050405040545;"S":29.306134923492337;"E":75.1575157515752;"N":38.47551472547255;"item":"Afghanistan"},
{"W":11.611161116111646;"S":-17.94743030603061;"E":24.068406840684105;"N":-4.453854347434742;"item":"Angola"},
{"W":19.279927992799315;"S":39.62168720072006;"E":21.00810081008106;"N":42.67814713471347;"item":"Albania"},
{...}
];
我希望最终用户使用html元素选择一个国家:
<form>
Select your country:
<select id="mySelect">
<option>Afghanistan</option>
<option>Albania</option>
<option>Angola</option>
</select>
</form>
如何从WSEN_列表中更新我的所有者的选择按钮和系统
解决方案:请参见您可能希望对mySelect节点上的事件做出反应:
没什么,我不知道该找什么。欢迎光临。您能否更改数据结构,使其像'var locations={Afghanistan:{W:..},India:{W:..};`这意味着没有在对象上循环,它就像位置[text]一样简单。你可以使用WSEN_列表中的位置索引作为每个选项的值。我已经用纯js为你实现了它,@LeGEC给了我一个答案,所以我不会再添加另一个:不,你需要像我上面使用的那样使用括号表示法。WSEN_list[国家名称]是的,我正在寻找类似的东西。您的系统+@epascarello数据结构更改听起来像是解决方案。
var WNES = {"W":11.611161116111646;"S":-17.94743030603061;"E":24.068406840684105;"N":-4.453854347434742;"item":"Angola"};
$('#mySelect').change(function(){
// this code will be executed each time the selection change
// you can get the selected country like this :
var country = this.value;
// do whatever you want with this value
});