表单输入文本从 JSON 数组中获取值答案

【问题标题】：Form Input Text Get Value from JSON Array表单输入文本从 JSON 数组中获取值
【发布时间】：2019-12-30 19:24:30
【问题描述】：

我为我的 Web 应用程序制作了一个表单，一些字段的值来自从数据库中的处理表中获取的 JSON 数组。

{"treatment":[
     { "id" : 1, "name" : "Leg Training" },
     { "id" : 2, "name" : "Blood Pressure Control" },
     { "id" : 3, "name" : "MTT" },
     { "id" : 4, "name" : "Radiography" },
     { "id" : 5, "name" : "Doppler Ultrasonography" },
]}

而不是选择框，我想为我的表单创建输入文本，用于检查用户编写的单词并从 JSON 数组中的键名中为用户推荐每个相似的单词。而当用户从推荐中选择一个词时，它会在框中显示该词，但在值中，它将是id-value而不是词（name-value），因为表单将发布在不同的表中并且目前只能使用id作为外键从处理表中获取数据。

【问题讨论】：

StackOverflow 不是免费的编码服务。你应该try to solve the problem first。请更新您的问题以在minimal reproducible example 中显示您已经尝试过的内容。如需更多信息，请参阅How to Ask，并拨打tour :)
您可以使用filter() 方法返回name 包含用户输入的所有对象的数组。

标签： javascript html json

【解决方案1】：

根据我对您问题的了解，如果您想使用纯 HTML 并使用 input 字段，这应该可以帮助您入门。

<form method="get">

  <input name="test" type="text" list="list1" autocomplete="off"/>
    <datalist id="list1">
      <option value="1">Leg Training</option>
      <option value="2">Blood Pressure Control</option>
      <option value="3">MTT</option>
      <option value="4">Radiography</option>
      <option value="5">Doppler Ultrasonography</option>
    </datalist>
    
  <input type="submit">
  
</form>

显示文本并不是真正的疾病名称，但您的用户可以键入疾病名称以从列表中找到它。

如果您有任何困惑，请告诉我:)

【讨论】：