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

时间:2013-06-18 12:15:49

标签: javascript html input getelementbyid

我知道这已被问了一千次,但到目前为止我没有尝试过任何工作。我真的很感激一些意见。 这是我的情况, 我在javascript中有这个代码:

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

我需要html输入字段中url的值,如下所示:

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

我尝试使用getElementbyId并且它没有显示任何内容。

有没有我错过的东西?

4 个答案:

答案 0 :(得分:4)

将您的html更改为这样,您忘记设置ID。

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

然后你的js看起来像这样

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

答案 1 :(得分:3)

您可以按照以下方式执行此操作:

<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"/>

答案 2 :(得分:1)

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

但是,假设您只有一个名称为attribute-“name”的标记。否则添加id属性。

答案 3 :(得分:0)

尝试以下方法。 的 HTML:

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

Javascript:

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

选中此JSFiddle