Question

我需要以下代码的帮助。我需要用户将其内容输入占位符，而不是在脚本中，因此当用户单击该按钮时，结果会显示出来。

在此示例中，“my test.asp？name =ståle＆amp; 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>

Answer 1

您可以使用脚本在占位符中设置任何值。

document.getElementById("xyz").placeholder = "Any value";

在以下位置查看： http://www.w3schools.com/jsref/prop_text_placeholder.asp

Answer 2

<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

具有值

2 个答案: