Javascript 在用户使用嵌入的脚本标记通过事件侦听器输入后获取输入字段的值
我试图根据用户在用户输入字段中输入的值更改占位符属性标记的值 我已经尝试将脚本标记嵌入到我正在服务/加载到页面的html字符串中,以便使用eventListener以id为目标,并将新值存储在html字符串中标记之外声明的变量中 以下是我正在试验的代码:Javascript 在用户使用嵌入的脚本标记通过事件侦听器输入后获取输入字段的值,javascript,jquery,html,Javascript,Jquery,Html,我试图根据用户在用户输入字段中输入的值更改占位符属性标记的值 我已经尝试将脚本标记嵌入到我正在服务/加载到页面的html字符串中,以便使用eventListener以id为目标,并将新值存储在html字符串中标记之外声明的变量中 以下是我正在试验的代码: // Endpoint Resource "<strong>Endpoint Resource</strong>" + "<script>" + "document.getElementB
// Endpoint Resource
"<strong>Endpoint Resource</strong>" +
"<script>" +
"document.getElementById(\"inputTokenRequestorID\").addEventListener(\"change\", function(event){" +
"tokenRequestorID = event.target.value;" +
"});" +
"uri = \"/vtis/tokenRequestors/\" + tokenRequestorID;" +
"</script>" +
"<div class=\"form-group\">" +
"<label for=\"eventID\">Resource</label>" +
"<input class=\"form-control mx-sm-3 resource\" type=\"text\" placeholder=" + uri + " readonly>" +
"<small id=\"InlineHelp\" class=\"text-muted\">" +
//"GUID Type used for tracking." +
"</small>" +
"</div>"
//端点资源
“端点资源”+
"" +
document.getElementById(\“InputOkenRequestId\”).addEventListener(\“change\”,函数(事件){+
“tokenRequestorID=event.target.value;”+
"});" +
“uri=\”/vtis/tokenRequestors/\“+tokenRequestorID;”+
"" +
"" +
“资源”+
"" +
"" +
//“用于跟踪的GUID类型。”+
"" +
""
在用户将数据输入输入字段后,如何捕获输入字段的值,将其存储在脚本标记外部声明的变量中,然后将其值作为另一个输入字段占位符值
谢谢。基本思想是:
<script>
function change() {
var input = document.getElementById('userInput').value;
document.getElementById('myInput').placeholder = input;
}
</script>
<input type="text" id="userInput" placeholder="Enter something here.">
<p>
Replaced Placeholder:
</p>
<input type="text" id="myInput" placeholder="Watch me change">
<p>
<button onclick="change()">Change Placeholder</button>
</p>
函数更改(){
var input=document.getElementById('userInput')。值;
document.getElementById('myInput')。占位符=输入;
}
替换的占位符:
更改占位符
或者,如果您想要更具活力的东西:
<input type="text" id="userInput" placeholder="Enter something here.">
<p>
Replaced Placeholder:
</p>
<input type="text" id="myInput" placeholder="Watch me change">
<script>
document.getElementById('userInput').addEventListener('input', function() {
var input = document.getElementById('userInput').value;
document.getElementById('myInput').placeholder = input;
});
</script>
替换的占位符:
document.getElementById('userInput')。addEventListener('input',function(){
var input=document.getElementById('userInput')。值;
document.getElementById('myInput')。占位符=输入;
});