如何在Js中将输入的文本值转换为对象的属性值？

Question

我将输入的文本值转换为inp1变量，但是一旦我想在obj中调用它，就无法正常工作。

<input type="text" placeholder="Enter your text here" class="input fade-in" id="inp1" required>

 var inp1 = document.getElementById("inp1").value;

$(function(){
  $('#qrcode').qrcode({
    width: 150,
    height: 150,
    text: "https://www.stackoverflow.com/" + inp1
  });
});

我希望qrcode代码显示网址和输入文字

Answer 1

您的代码在页面加载后一次运行。那时，输入字段仍为空。取而代之的是，只要输入发生更改，您就可能想更新二维码。为此，您需要一个事件侦听器：

 $(function(){
   var input = $("#inp1"); // if you use jQuery, use it everywhere. Also retrieve the element when the document loaded

   input.on("change", function() { // listen for input changes
     $('#qrcode').qrcode({ // then update the qr code
       width: 150,
       height: 150,
       text: "https://www.stackoverflow.com/" + input.val(),
     });
   });
 });

您可能要根据使用情况考虑使用input event instead of the change event。