当前位置: 首页 > 知识库问答 >
问题:

如何将div id结果显示为输入值

金正阳
2023-03-14

我对html和java非常陌生。

我有一个java函数

代码如下:

<body onload='loadData()'>
<div id="display"></div>

以下是我输入的html代码:

<input type="text" onchange="calcule2()" name="D11" value="0" size="8"disabled="disabled"  style="background-color: transparent; border:0px; height: 23.994px; width: 154.322px; text-align: right; font-size: 16px; font-family:Arial; color:#000000; ">

例如

value="<div id="display"></div>"

超文本标记语言:

<!DOCTYPE html>
<html>

<body onload='loadData()'>
<div id="display"></div>



<form name="Good2Paint">
<table border="0" margin="0" padding="0" cellspacing="0" cellpadding="0"><tr height=" 23.994px;" style="border:0px;" >
<td style="height:20px; width: 110.522px; background-color:#A6A6A6; border-top: 0px; border-bottom: 0px; border-right: 0px; border-left: 0px; font-size: 16px; font-family:Arial; color:#FFFFFF; text-align: left; ">Test Title 1</td>
<td style="height:20px; width: 154.322px; background-color:#A6A6A6; border-top: 0px; border-bottom: 0px; border-right: 0px; border-left: 0px; font-size: 16px; font-family:Arial; color:#000000; text-align: right; ">

<input type="text" onchange="calcule2()" name="D11" value="0" size="8"disabled="disabled"  style="background-color: transparent; border:0px; height: 23.994px; width: 154.322px; text-align: right; font-size: 16px; font-family:Arial; color:#000000; "></td>
</tr>
<tr height=" 11.997px;" style="border:0px;" >
<td style="height:20px; width: 110.522px; background-color:#FFFFFF; border-top: 0px; border-bottom: 0px; border-right: 0px; border-left: 0px; font-size: 16px; font-family:Arial; color:#000000; text-align: left; "></td>
<td style="height:20px; width: 154.322px; background-color:#FFFFFF; border-top: 0px; border-bottom: 0px; border-right: 0px; border-left: 0px; font-size: 16px; font-family:Arial; color:#000000; text-align: right; "></td>
</tr>
<tr height=" 23.994px;" style="border:0px;" >
<td style="height:20px; width: 110.522px; background-color:#A6A6A6; border-top: 0px; border-bottom: 0px; border-right: 0px; border-left: 0px; font-size: 16px; font-family:Arial; color:#FFFFFF; text-align: left; ">Test Title 2</td>
<td style="height:20px; width: 154.322px; background-color:#A6A6A6; border-top: 0px; border-bottom: 0px; border-right: 0px; border-left: 0px; font-size: 16px; font-family:Arial; color:#000000; text-align: right; ">

<input type="text" onchange="calcule2()" name="D13" value="0" size="8" style="background-color: transparent; border:0px; height: 23.994px; width: 154.322px; text-align: right; font-size: 16px; font-family:Arial; color:#000000; "></td>
</tr>
<tr height=" 11.997px;" style="border:0px;" >
<td style="height:20px; width: 110.522px; background-color:#FFFFFF; border-top: 0px; border-bottom: 0px; border-right: 0px; border-left: 0px; font-size: 12px; font-family:Arial; color:#000000; text-align: left; "></td>
<td style="height:20px; width: 154.322px; background-color:#FFFFFF; border-top: 0px; border-bottom: 0px; border-right: 0px; border-left: 0px; font-size: 12px; font-family:Arial; color:#000000; text-align: right; "></td>
</tr>
<tr height=" 23.994px;" style="border:0px;" >
<td style="height:20px; width: 110.522px; background-color:#A6A6A6; border-top: 0px; border-bottom: 0px; border-right: 0px; border-left: 0px; font-size: 16px; font-family:Arial; color:#FFFFFF; text-align: left; ">Test Title 3</td>
<td style="height:20px; width: 154.322px; background-color:#A6A6A6; border-top: 0px; border-bottom: 0px; border-right: 0px; border-left: 0px; font-size: 16px; font-family:Arial; color:#000000; text-align: right; ">

<input type="text" onchange="calcule2()" name="D15" value="0" size="8"disabled="disabled"  style="background-color: transparent; border:0px; height: 23.994px; width: 154.322px; text-align: right; font-size: 16px; font-family:Arial; color:#000000; "></td>
</tr>
</table>
</form>
</body>
</html>

JAVA:

<script>

function loadData() {
  var url="https://docs.google.com/spreadsheets/d/e/<sheet id>/pub?gid=0&single=true&range=B2&output=csv";
  xmlhttp=new XMLHttpRequest();
  xmlhttp.onreadystatechange = function() {
    if(xmlhttp.readyState == 4 && xmlhttp.status==200){
      document.getElementById("display").innerHTML = xmlhttp.responseText;
    }
  };
  xmlhttp.open("GET",url,true);
  xmlhttp.send(null);
}


</script>

共有2个答案

皇甫伟彦
2023-03-14

而不是文档。getElementById(“显示”)。innerHTML=xmlhttp。响应文本

更新您的代码如下:,

var els=document.getElementsByName("D13");
  for (var i=0;i<els.length;i++) 
  {
    els[i].value = xmlhttp.responseText;
  }

尚安平
2023-03-14

接受输入。值,然后从输入中清除值:0。

 类似资料:
  • 我试图清除一个输入的值取决于它是否找到一个id如果它找到一个现有的id js更新的值的输入但如果它不保持最后一个找到但我需要有明确的值,有人能告诉我怎么了吗:

  • 你好,我有一个查询,我想把结果变成对象列表,而不是实体。但结果实际上是一个对象,我应该把它转移到我的对象。有没有办法直接映射到我的自定义对象?

  • Computer says no. — Little Britain 一个问题的详细反馈会对解决问题有帮助。当你使用 exec 资源在节点上执行命令时, 并不总能轻易地找出其为何没有正确执行。如果命令返回一个非零的退出状态,Puppet 就会返回类似如下的错误消息: err: /Stage[main]//Node[cookbook]/Exec[this-will-fail]/returns: ch

  • 我已经花了很多时间弄清楚为什么我的搜索在我定制的模板中不起作用。到目前为止,我已经知道了如何包含searchform。php文件在我的头,创建搜索。php文件目前是空的(因此,当我搜索某个内容时,我会被重定向到一个空白页面,我想我肯定需要search.php文件中的某些内容才能使其正常工作),我阅读了Wordpress codex的所有内容,但找不到解决方案,我找到的唯一有用信息是这个。 http

  • 我试图在vuejs中的输入字段中显示2000.00,但它剥离了.00。 如何使输入字段显示2000.00? jsfiddle 我可以使用计算属性来做到这一点。但是我需要将其应用于多个输入字段。 解决方案:

  • 我有一个输入日期,在管理面板显示为,但在站点显示为。我如何使它在现场显示为DD-MM-YYYY?输入的HTML: php输入(wordpress管理面板)