- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我有一个本地文本文件,我试图用该数据填充一个选择下拉列表。我已经安装了 IIS 以克服本地限制并通过了 CORS。我使用 xhttp 方法从位于 IIS 服务器上的文件中检索文本文件数据。正如您从下面的代码中看到的那样,我能够在 div 中显示它。我试图将这些数据放入一个下拉列表中,以便我可以轻松地从中获取值。例如,如果用户选择“第 1 部分”,我会从 1 中得到一个整数值,就像我从我特别声明的任何其他下拉列表中得到的一样。如果可能的话,我更喜欢 javascript 解决方案,因为这是我大部分时间使用的代码。
我曾在 Google 上查找过没有真正匹配的解决方案。
<body onload="pList();">
<div id="PartList"></div>
<script>
function pList() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("PartList").innerHTML =
this.responseText;
}
};
xhttp.open("GET", "http://127.0.0.1:8080/PartList.txt", true);
xhttp.send();
}
</script>
最佳答案
您必须将数据拆分成一个数组,然后以这种方式添加到选择中:
<script>
function pList() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var options = this.responseText.split(delimiter);
var select = document.getElementById("PartList");
for (var i = 0; i < options.length; i++) {
var option = document.createElement("option");
option.text = options[i];
option.value = i;
select.add(option);
}
}
};
xhttp.open("GET", "http://127.0.0.1:8080/PartList.txt", true);
xhttp.send();
}
</script>
如果你想在加载前清除选择,使用这个:
document.getElementById("PartList").innerHTML = "";
关于javascript - 从 xhttp.open ("Get"动态填充下拉列表;回复,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56784913/
嗨,当我尝试使用 xhttp.send() 时;它不断返回 net::ERR_EMPTY_RESPONSE 我的代码是这样的。当用户尝试按得太快时,他会被踢出页面。有办法阻止这种情况吗? docume
我正在尝试添加一个记录我访问的 URL 的内容。数据应该发布到我的网站。 我有manifest.json { "manifest_version": 2, "name": "add_link"
我是新来的,不确定这个问题是否属于这个部分。 我建立了这个与 MySQL 数据库进行大量交互的网站。我所有的 SQL 语句都存储在一个 functions.php 文件中。我只是包含并调用函数来执行查
我有一个 Angular 应用程序,它需要发送 N 个 XHTTP 请求,其中 1 request(`https://swapi.co/api/people/1/`) .pipe(
我需要上传包含标题和特定编号等元数据的 zip 文件。 要么我直接发送 zip 文件: function generalPostRequest(content, url, cb) { v
我有一个本地文本文件,我试图用该数据填充一个选择下拉列表。我已经安装了 IIS 以克服本地限制并通过了 CORS。我使用 xhttp 方法从位于 IIS 服务器上的文件中检索文本文件数据。正如您从下面
我有一个带有脚本的 HTML 页面,其中 xhttp 对象从 XML 文件读取节点值并写入它们。在读取所有必需的节点之前,我想以百分比 (read_rows/total_rows * 100) 显示数
大家好,我正在开发一个 php 页面,其中有一个 iframe,它会打开另一个带有复选框的 php 页面,当用户单击该复选框时,第二个页面必须进行 ajax 调用确认“点击”。 所以有 pageA.p
我有一个用户点击并从 PHP 页面下载的按钮,因为处理时间有点长,我想显示一个文本,向用户显示他们的请求正在处理,我找到了 onreadystatechange 可以访问属性,所以也许我可以将它用于任
所以我在首页有这一行: var x = "Hi"; var y = 123; xhttp.open("POST", "/toNodeServer", true); xhttp.setRequest
我是一名优秀的程序员,十分优秀!