如何使用javascript值設置HTML輸入字段的值

我知道這已被詢問了一千次，但沒有任何我嘗試過的工作到目前爲止。我真的很感激一些輸入。這裏是我的情況，我有這樣的代碼中的javascript：如何使用javascript值設置HTML輸入字段的值

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

我需要它看起來像這樣一個HTML輸入字段的url值：

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

我試着getElementbyId和它沒有顯示任何東西。

有什麼我錯過了嗎？

來源

2013-06-18 ILiveForVR

好吧，如果你正在使用一個名爲getElementById的方法，你不會期望你試圖獲得的元素實際上有一個ID嗎？ –

將屬性ID（即id =「name」）添加到輸入字段 –

如下你可以這樣做：

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

在HTML input標籤改變它，

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

來源

2013-06-18 12:20:04 Prabhuram

是的！它的作品，非常感謝你，你不知道我浪費了多少時間。謝謝！ – ILiveForVR

改變你的html看起來像這樣，你忘了設置id。

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

，然後你的js將看起來像這樣

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

來源

2013-06-18 12:17:38 Johan

謝謝您的回答。我已將其更改爲：而<輸入ID =「名稱」 NAME =「名稱」 /> ，但仍然沒有 – ILiveForVR

@ user2497085看到我上面的編輯，那說明你的JS應該怎麼看起來像 – Johan

@ user2497085不要忘記設置類型以文字 – Johan

嘗試下面的一個。 HTML：

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

的Javascript：

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

入住這JSFiddle

來源

2013-06-18 12:19:09 Praveen

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

這是假設，您有名稱屬性=「名稱」只有一個標籤，但。否則，請添加一個id屬性。

來源

2013-06-18 12:20:31 LuigiEdlCarno

如何使用javascript值設置HTML輸入字段的值

回答

相關問題