Question

I m 寻求一种途径,将过滤器/研究添加到由当地json案卷动态填满的下台菜单。

我的发言稿:

var json = [{
    "id": 3,
    "name": "Ann"
  },
  {
    "id": 4,
    "name": "Karl"
  },
  {
    "id": 31,
    "name": "Jess"
  }
]

$(document).ready(function() {
  for (i in json) {
    $("#name-selector").append( <option id= "name-data" name="submit" type="submit" value="  + json[i]["name"] +  ">  + json[i]["name"] +  </option> );
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<div class="div-selectors">
  <h5>Name</h5>
  <form>
    <select value="false" name="name" id="name-selector" class="selectors">
      <option value="">Select option</option>
    </select>
  </form>
</div>

我试图在下降的菜单中增加一个投入选择,把投入放在下降的菜单之外。

我如何落实这一想法?

Answer 1

你不能在当地将JSON档案存放在客户身上。 JSON文档应当存放在服务器上。它想像你正在使用j Query,因此,我会利用AJAX将JSON文件写给服务器或从服务器读。

这里的一个例子是,通过你必须写的PHP文字阅读JSON案。 Research AJAX examples.

$.ajax({
  url: "get_json_options.php",
  type:  post ,
  data:   ,
  dataType: "json",
  async: true,
  //contentType: false,
  //cache: false,
  //processData: false,
  beforeSend: function() {
    //alert("before");
  },
  success: function(options) {
    console.log(options);
  },
  error: function(xhr, status, error) {
    console.log("Error in get_json_options.php:" + xhr.responseText);
  }
}); //ajax

友情链接