Question

我使用了一个函数来捕获＆＃34; name＆＃34;的查询字符串值。 - 即想象一个聚会邀请网站;

使用的功能是;

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>

然后我可以打电话给＆＃39; name＆＃39;使用id =＆＃34; name＆＃34;我希望在我的页面上使用它，即在标题中，我可以说， Phil ，期待着你参加派对......

运作良好。我遇到的问题是，我有一个表格我也在使用，在其中，它有一个占位符字段，就像这样;

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

如何插入我的＆＃39; id＆＃39;名称＆＃39;的价值进入我的占位符？最终结果是，邀请机制将在多个被邀请者的同一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"如果是var，那么不需要引号

同样您需要在html输入字段中插入ID

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

如何将Javascript ID值传递给表单占位符？

1 个答案: