Question

我创建了一个搜索表单，用户必须在其中插入城市名称。

我将JS文件与包含几个城市名称的JSON文件相关联。每当用户键入城市名称并单击“搜索”按钮时，我都希望显示其中包括特定城市的整个列表。

我需要一个jQuery方法来选择将哪个单词写入文本字段。我在这里使用了CSS选择器input[type=text]，但我认为它是不正确的：

$.ajax({
  url: "http://localhost/prove/infoFrancigena_3.json",
  dataType: "json",
  success: function (data) {
    console.log("getJSON wit AJAX method has been activated");
    for (var i in data.tappe) {
      //if (i.includes($("#inlineFormInputCittà"))) {
      //if ($("#inlineFormInputCittà").val() === "Rome")

      if (i.includes($(input[type=text]))) {
        console.log("JSON file has been activated");
        $("#tbody").append(i);

      } else {
        return false;
      }
    }
  }
});

JSON文件如下：

{
  "tappe": [
    {
      "name": "Tappa22 - Passo della Cisa - Pontremoli",
      "state": "Italy",
      "region": "Toscana",
      "city": "Groppoli(Mulazzo)"
    },
    {
      "name": "Tappa22 - Passo della Cisa - Pontremoli",
      "state": "Italy",
      "region": "Toscana",
      "city": "Groppodalosio"
    }        
  ]
}

如何使用jQuery选择插入文本字段的文本？

Answer 1

鉴于您的输入字段的ID等于field_id：

var text = $('#field_id').val();

Answer 2

或者，在Vanilla JS中：

var cityName = document.getElementById('search-field-id').value

如何使用jQuery选择插入文本字段的文本？

2 个答案: