我如何打印javascript变量在输入类型文本框值像php echo

how can I print javascript variable in input type textbox value like php echo

本文关键字：文本 类型 输入 echo php 变量 何打印 打印 javascript      更新时间：2023-09-26

这可能像php在javascript如下....

 <?php
     $var1 = "Hello";
     $var2 = "World";
  ?> 
    <input  type="text" value="<?php echo $var1; ?>" /> 
    <input  type="text" value="<?php echo $var2; ?>" />

    <script type="text/javascript">
       var str = "abc,def,ghi,jkl,mno,pqr";
        var x = str.split(","); 
     </script>

在body标签中输入type='text'，比如

 <input id="txtOne" name="txtOne" type="text" value="I want to print here using javascript x[0]" /> 
 <input id="txtOne" name="txtOne" type="text" value="I want to print here using javascript x[1]" />

谢谢。

var str = "abc,def,ghi,jkl,mno,pqr";
var x = str.split(",");
var input = document.getElementById("txtOne");
input.value = input.value + x[0];
input {
    width: 400px;
  }
<input id="txtOne" name="txtOne" type="text" value="I wan't print here using javascript " />

如果不使用任何库，则需要使用DOM。

这可能是你想要的。

参见下面的演示 

var str = "abc,def,ghi,jkl,mno,pqr";
var x = str.split(",");
var input = document.querySelectorAll('.txtOne');
for (var i = 0; i < input.length; i++){
  input[i].value = x[i];
}
 
<input class="txtOne" name="txtOne" type="text" value="" /> 
<br/>
 <input class="txtOne" name="txtOne" type="text" value="" /> 
<br/>
 <input class="txtOne" name="txtOne" type="text" value="" /> 

Create Cookies in page 1 (Create Cookies On this page )
    <script type="text/javascript">
         function createCookie(name,value,days) {
              if (days) {
                var date = new Date();
                date.setTime(date.getTime()+(days*24*60*60*1000));
                var expires = "; expires="+date.toGMTString();
          }
          else var expires = "";
               document.cookie = name+"="+value+expires+"; path=/";
          }
   var PartyDetail = $("#firstname").val() +"|"+$("#middlename").val()+"|"+$("#lastname").val();
  createCookie('cookiesPartyDetail',PartyDetail,2);
    </script>
  Now read cookies on second page
 <script type="text/javascript">
      function readCookie(name) {
          var nameEQ = name + "=";
          var ca = document.cookie.split(';');
          for(var i=0;i < ca.length;i++) {
               var c = ca[i];
               while (c.charAt(0)==' ') c = c.substring(1,c.length);
               if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
             }
            return null;
       }
     window.onload = function()
      {
          var str = readCookie('cookiesPartyDetail');
          //var str = "firstname,middlename,lastname";
          var x = str.split("|");
          for (i = 0; i < 3; i++) 
          { 
            $(".pending_order_"+[i]).val(x[i]);
          }
      } 
  function delete_cookie(name) {
    document.cookie = name +'=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;';
     }
 </script>
 <input class="pending_order_0" id="firstname" name="firstname" type="text"  /> 
 <input class="pending_order_1" id="middlename" name="middlename" type="text" />
 <input class="pending_order_2" id="lastname" name="lastname" type="text" />
 if I want to use again in input type hidden field same like firstname, middlename, lastname my code is here..
 <input class="pending_order_0" id="firstname" name="firstname" type="hidden"  /> 
 <input class="pending_order_1" id="middlename" name="middlename" type="hidden" />
 <input class="pending_order_2" id="lastname" name="lastname" type="hidden" />

使用Javascript或它的库之一你可以做到这一点。

使用Jquery

: 

$("#txtOne").val(x[0]);
相关文章：