如何在 a 框架窗口中从表单添加文本
$("#text1").click(function(e){
var x = document.getElementById("fname").value;
//document.write(x);
document.getElementById("output").innerText = x;
return false;
});
<form name="myForm" href="" onsubmit="text" >
id: <input type="number" value="text" name="fname" id="fname"><br><br>
<input type="submit" value="Отправить">
</form>
<a-entity text="output" value="output"></a-entity>
使用 setAttribute
更改实体上文本组件的值。
您的代码还有一些其他问题,我在下面修复了这些问题。
$("#text1").click(function(e) {
var x = document.getElementById("fname").value;
document.getElementById("output").setAttribute("text", "value", x);
return false;
});
form {
position: absolute;
z-index: 1;
background: white;
padding: 1em;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://aframe.io/releases/0.8.2/aframe.min.js"></script>
<form name="myForm" href="" onsubmit="text">
id: <input type="number" value="text" name="fname" id="fname"><br><br>
<input id="text1" type="submit" value="Отправить">
</form>
<a-scene background="color: black">
<a-entity id="output" text="value: output; align: center;" position="0 1.6 -0.5"></a-entity>
</a-scene>
要通过 ID 访问您的实体元素,我想这个元素必须设置了 ID <a-entity id="output"></a-entity>
A-框架文档