javascript - 有没有办法“使用”给定的输入值?
问题描述
我非常缺乏经验,所以如果这是一个愚蠢的问题,我很抱歉。
我想知道是否有可能在一个接受输入并在其他地方“使用”它的网站上编写一些东西 - 我要的是一个要求输入名称的输入框,并且给出的名称将出现在某种“名称”变量。例如,如果您输入的姓名为“Bob”,则“Hello (name)”之类的内容将显示为“Hello Bob”。
我还没有真正看到任何关于如何做到这一点的指导,这让我想知道它是否可能。
我一直在尝试处理输入框本身,到目前为止它看起来像这样:
<body>
<form>
<label for="namebox">Name:</label>
<br>
<input type="text" id="uname" name="name" value="Namehere">
<br>
<button>Submit</button>
</form>
<p id="namebox"></p>
<script>
document.getElementById("namebox").innerHTML = "uname";
</script>
</body>
当前正在将其输出发送到以“/?name=(输入的任何名称值)”结尾的不存在的页面。
此外,如果这确实有效,对“名称”变量的更改是否只会发生在具有输入表单的页面上,还是会传递到网站上的所有页面?
感谢您的任何帮助。
解决方案
<script>
document.getElementById("namebox").innerHTML = "Hello" + document.getElementById("uname").value
</script>
推荐阅读
- html - 计算 2 个值的差异 - Angular
- r - 将部分文本与全文匹配并替换
- mysql - 创建将 DATEDIFF 值存储回 MySQL 表中的新 col
- r - 使用 glmer 模型进行多变量分析时出现尺寸不匹配错误
- java - org.bson.codecs.configuration.CodecConfigurationException:找不到java记录Micronaut mongoDb的编解码器
- java - 向 2d Arraylist 添加两次的术语
- c++ - extern "C" 函数返回 std::array
- php - Laravel 刀片:如何通过键从 Eloquent 集合中选择一个项目
- storybook - 如何在 Storybook 中使用 easyPeasy 的 useStoreState?
- symfony - 测试 API 请求是否有自定义 Accept Header