如何將JavaScript ID值傳遞給表單佔位符？

Question

我已經使用了一個函數來捕獲「名稱」的查詢字符串值 - 即想象一個派對邀請網站;

https://cometomyparty.com?name=phil

使用的功能是;

script type="text/javascript"> 
    function getQuerystring(){ 
    var q=document.location.toString(); 
    q=q.split("?"); 
    q=q[1].split("&"); 
    var str="" 
    for(i=0;i<q.length;i++){ 
     tmp=q[i].split("=") 
     str+=" "+tmp[1]+"<br />" 
             } 
    document.getElementById("name").innerHTML=str 
        } 
    onload=function(){ 
     getQuerystring() 
       } 
</script> 

然後我就可以使用ID =「名稱」，我想在標題中使用此我的網頁，即在調用「名」的價值，我可以說，菲爾，期待着有你在派對上...

這很好。我遇到的問題是，我有一個我正在使用的表單，其中有一個佔位符字段，就像這樣;

<div class="form-section"> 
    <input type="text" name="name" class="validate-required" placeholder="Names"> 

如何在我的佔位符中插入'id'值'name'到我的佔位符中？最終的結果是，邀請機制將跨越多個受邀者在相同的URL上工作，但URL只會改變。 RSVP表單將反映URL中的內容作爲佔位符，但用戶仍然可以更新它，如果它不正確。

任何意見讚賞。

Answer 1

此找到佔位符，並且使用jquery

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
<script> 
    $(document).ready(function(){ 
     $('#name').attr("placeholder", "your place holder here"); 
    }); 
</script> 

如果它是一個是$ var也不需要引號會像

$('#name').attr("placeholder", $str); 

或者使用javascript改變

<script type="text/javascript"> 
    function getQuerystring(){ 
     var q=document.location.toString(); 
     q=q.split("?"); 
     q=q[1].split("&"); 
     var str="" 
     for(i=0;i<q.length;i++){ 
      tmp=q[i].split("="); 
      str+=" "+tmp[1]+"<br />"; 
     } 
     document.getElementById("name").innerHTML=str; 
     document.getElementById("name").placeholder=str; 
    } 
    onload=function(){ 
     getQuerystring(); 
    }; 
</script> 

document.getElementById("name").placeholder="value here"如果它是一個變種，所以不需要報價

而且你需要插入一個ID到您的HTML輸入字段

<div class="form-section"> 
    <input type="text" id="name" name="name" class="validate-required" placeholder="Names">