javascript - 如何使用 javascript 值设置 HTML 输入字段的值

Question

我知道这已经被问了一千次了，但到目前为止我所尝试的都没有奏效。我真的很感激一些意见。这是我的情况，我在javascript中有这段代码：

<script>
var url = document.URL;
url = url.slice(17,21);
</script>

我需要url一个 html 输入字段中的值，如下所示：

<input name="name" type="text"/>

我试过了getElementbyId，它什么也没显示。

有什么我错过的吗？

Answer 1

将您的 html 更改为如下所示，您忘记设置 id。

<input id="name" name="name" type="text"/>

然后你的js看起来像这样

    var url = document.URL;
    url = url.slice(17,21);
    document.getElementById("name").value = url;

Answer 2

你可以这样做：

<script>
      window.onload=function(){
        var url = document.URL;
        url = url.slice(17,21);
        document.getElementById("urlText").value=url;
      }          
</script>

在 HTML 输入标记中将其更改为 ,

<input id="urlText" name="name" type="text"/>

Answer 3

<script type="text/javascript">
   var url = document.URL;
   url = url.slice(17,21);
   var urlField = document.getElementsByName('name')[0];
   url.value=url;
</script>

不过，这假设您只有一个带有 name-attribute = "name" 的标签。否则添加一个id属性。

Answer 4

试试下面的一个。 HTML：

<input id="textBox" type="text"/>

Javascript：

var url = document.URL;
url = url.slice(17,21);
document.getElementById("textBox").value = url;

检查这个JSFiddle