在jQuery中使用json值更新表单字段的值

Question

我有一家下拉式公司，向“比利时”，“巴巴多斯”等国家/地区提交了ID =“ 国家/地区 ”，另一个文本输入的电话号码由ID =“ Tele ”填充。 我需要根据国家/地区下拉列表在电话ID输入中更新国家/地区电话代码。 我有一个国家/地区调用代码的json文件，以格式（ countrycode.json ）映射到国家/地区名称：

{
  "countries": [
    {
      "code": "+7 840",
      "name": "Abkhazia"
    },
    {
      "code": "+93",
      "name": "Afghanistan"
    },

等等....

我当前的jQuery代码如下：

<script>
$('#country').change(function() {
    var countrycode = $(this).val();
    $('#tele').val(countrycode);
});
</script>

它将使用国家/地区ID中的值更新电视ID。

我需要根据所选国家/地区从json文件中选择国家/地区调用代码。 这怎么可能？

提前致谢。

Answer 1

您问题上的标签是“ jquery / jason”。 仅使用那些工具，您将不得不将文件嵌入到html中，可能作为键/值对的对象。

如何将键/值对添加到JavaScript对象？

如果您不想嵌入它并拥有自己的服务器，则可以对服务器进行ajax调用以请求所需的信息。 但是您必须使用自己喜欢的服务器端脚本语言（php，python，ruby等）来发送响应，然后使用jquery更新响应值。