从 Javascript 中的数据列表中获取选定的选项

Get the selected option from datalist in Javascript

本文关键字：选项 获取 数据 Javascript 列表      更新时间：2023-09-26

现在我知道有和我类似的问题。但在这种情况下，如果可能的话，请在不使用 PHP 的情况下解释......只是JavaScript！

在HTML中，我有以下代码：

<input id="citiesinput" list="cities">
<datalist id="cities"></datalist>

由于我无法更改 HTML，因此我添加了 JavaScript 的选项：

 var list = document.getElementById("cities");
 var option = document.createElement("option");
 option.text = "New Delhi";
 list.appendChild(option);

想象一下，数据列表中有更多选项。因此，在javaScript中，如何选择用户选择的选项。因为 .selected 不适用于 dataList。

也不像您发布的问题。除了javascript之外，我不能使用任何其他语言。此外，我不能向选项标签添加其他属性。就是这样。我正在从服务器获取城市名称的列表。我通过 for 循环将它们一一放入数据列表中。

好的。

对代码做了一些混乱。

var selectedCity = document.getElementById("citiesinput");

var selectedCity现在包含数据列表中选择的选项。我对自己很失望。但以防万一其他人搞砸了。

在数据列表中，您不需要 .selected 命令。

你可以把它发布到php。

试试这个： http://codesheet.org/codesheet/wOHDXFju 

onmousedown="javascript:postContent('1','New Delhi');"

.js

function postContent(pid, pc) {
  $("#myDiv").html('L  O  A  D  I  N  G ...').show();
  var url = "/post.php";
  $.post(url, {id: pid, city: pc} ,function(data) {  //contentVar is the variable in post.php
       $("#myDiv").html(data).show();
    });
}

这是将你的数据发布到一个在本例中.php到一个div#myDiv

相关文章：