应用类型效果使用jQuery使用变量值填充输入字段

时间:2018-08-27 01:21:38

标签: jquery html

我能够复制一个隐藏字段的值,导航到另一个选项卡并将其粘贴到另一个输入字段中。我想为后者应用打字。

$('#send0').click(function(){
 var user = $('#friend').val();
  $("#Profile").removeClass("show");
  $('a[href*="Profile"]').removeClass("active").addClass("collapsed");
  $('a[href*="Send-Credit"]').addClass("active").removeClass("collapsed");
  $("#Send-Credit").addClass("show");
   document.getElementById("receiver").setAttribute('value', user);
});

我试图在没有运气的情况下操纵以下示例。任何想法。

var i = 0;
var user = $('#friend').val();
var speed = 50; 

function typeWriter() {


if (i < txt.length) {
   document.getElementById("receiver").setAttribute('value', user.charAt(i));
   i++;
   setTimeout(typeWriter, speed);
  }
}

1 个答案:

答案 0 :(得分:0)

您正在使用jQuery编写上述代码的一侧,但键入效果没有jQuery!

无论如何,您正在使用setAttribute来应用价值,使用jQuery来实现价值。

var i = 0;
var txt = 'Lorem ipsum dummy text blabla.';
var speed = 50;

function typeWriter() {
  if (i < txt.length) {
    $("#demo").val($("#demo").val()+txt.charAt(i));
    i++;
    setTimeout(typeWriter, speed);
  }
}
.myText{
width:100%;
padding:15px;
display:block;
font-size:20px
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<button onclick="typeWriter()">Click me</button>

<input type="text" id="demo" class="myText" />