如何使用隐藏的输入框进行输入?

时间:2018-10-15 15:27:47

标签: javascript jquery html

当我按下input时,我尝试取button,即如果我按下button,它应该将自己聚焦在input框上。但是我不希望实际的输入显示在屏幕上,或者实际的input框中。 到目前为止,我已经尝试了以下代码:

$(document).ready(function() {
  let Button = document.createElement('button');
  let TxtB = document.createTextNode('Button');
  let Btn = document.createElement('button');
  let TxtAdd = document.createTextNode('Btn');
  let Input = document.createElement('Input');
  $(Button).append(TxtB);
  $(Btn).append(TxtAdd);
  $(Input).attr('type', 'hidden');
  $(Button).bind("click", function() {
    Input.focus();
  })
  $(Btn).bind("click", function() {
    console.log(Input.value);
  })
  $(document.body).append(Button);
  $(document.body).append(Input);
  $(document.body).append(Btn);
})

无论输入什么,此代码都会给出一个null值。

1 个答案:

答案 0 :(得分:0)

我认为您想显示输入控件,但隐藏它包含的值。如果是这种情况,请尝试:

$(Input).attr('type', 'password');

而不是:

 $(Input).attr('type', 'hidden');
相关问题