jquery 如何获取输入字段的更新值?

83qze16e  于 2023-10-17  发布在  jQuery
关注(0)|答案(2)|浏览(138)

我正在尝试获取输入字段的更新值。实际上,我正在使用jquery的keyup函数更新值。并尝试点击按钮。无法更新,请帮忙。

$('#simple').keyup(function() {
   var keyed = $(this).val();
   $("#code").val(keyed);
 });

 var htmlString = $('#code').val();

   $(document).ready(function() {
      $("#snippet").click(function(){
          alert(htmlString);
      }); 
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<textarea id="simple"></textarea>

<input type="hidden" id="code" value="">

<button id="snippet">Click</button>
a0zr77ik

a0zr77ik1#

您需要将保持器变量htmlString放入onclick函数中,以便获得更新后的值。

$('#simple').keyup(function() {
  var keyed = $(this).val();
  $("#code").val(keyed);
});

$(document).ready(function() {

  $("#snippet").click(function() {
    var htmlString = $('#code').val();
    alert(htmlString);
  });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
<input type="hidden" id="code" value="">
<input type="text" id="simple" value="">
<button id="snippet">Click</button>

我希望这对你有帮助。谢谢

kiz8lqtg

kiz8lqtg2#

范围是错误的。全局值htmlString为“”
第一部分:重写

$("#simple").keyup(function () {
  var keyed = $(this).val();
  $("#code").val(keyed);
});

$(document).ready(function () {
  $("#snippet").click(function () {
    alert($("#code").val());
  });
});

<textarea id="simple"></textarea>
<input type="hidden" id="code" value="" />
<button id="snippet">Click</button>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

如果你明白发生了什么,那么就这样做

$(document).ready(function () {
  $("#snippet").click(function () {
    alert($("#simple").val());
  });
});

<textarea id="simple"></textarea>
<button id="snippet">Click</button>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

相关问题