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

Question

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

我将JS文件关联到一个包含多个城市名称的JSON文件。当用户输入特定城市的名称并单击Search按钮时，我希望显示包含该城市的整个列表。

我需要一个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