我需要以下代码的帮助。我需要用户将其内容输入占位符,而不是在脚本中,因此,当用户单击按钮时,结果会显示出来。
在此示例中,示例内容为“ my test.asp?name =ståle&car = saab”,但我需要将其放入占位符,而不是脚本中。
我更改了InnerHTML的价值,但似乎无法正常工作。有人可以帮忙吗?非常感谢!
<body>
<p>Enter foregin character and click covert</p>
<input id="demo" placeholder="Keyword">
<button onclick="myFunction()">Convert</button>
<p id="demo"></p>
<script>
function myFunction() {
var uri = "my test.asp?name=ståle&car=saab";
var res = encodeURI(uri);
document.getElementById("demo").innerHTML = res;
}
</script>
<p>Enter foreign character and click convert</p>
<input id="demo1" placeholder="Keyword"> <!-- different id from <p> tag -->
<button onclick="myFunction()">Convert</button>
<p id="demo2"></p> <!-- different id from <input> tag -->
<script>
function myFunction() {
var uri = document.getElementById("demo1").value; // This was missing, get the value the user has typed
var res = encodeURI(uri);
document.getElementById("demo2").innerHTML = res;
}
</script>
看到这个JSFiddle
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句