问无法按预期运行Javascript
EN

Stack Overflow用户

提问于 2018-05-01 16:39:29

回答 1查看 37关注 0票数 1

$(document).ready(function(){
	$(".add-item-popup").click(function(){
		var form = "<input type='text' class='add-item-inp' />";
		$.alert(form);
	});

	$(".add-item-inp").change(function(){
		alert($(this).val());
	});
});

<html>
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.0/jquery-confirm.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.0/jquery-confirm.min.js"></script>
</head>
<body>
<a href="#" class='add-item-popup'>Add</a>
</body>
</html>

我在弹出窗口中有一个输入字段，当输入值被更改时，我试图获取它的值。但是，我无法获取我通过jquery在弹出窗口中添加的输入字段的值。请帮帮忙

jquery

javascript

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-05-01 16:44:22

尝试通过从body委托事件&如果需要使用keyup来获取每个键上的值，就使用它

$(document).ready(function() {
  $(".add-item-popup").click(function() {
    var form = "<input type='text' class='add-item-inp'/>";
    $.alert(form);
  });

  $("body").on('keyup', ".add-item-inp", function() {
    console.log($(this).val());
  });
});

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.0/jquery-confirm.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.0/jquery-confirm.min.js"></script>

<a href="#" class='add-item-popup'>Add</a>

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/50120348

复制

相似问题

问无法按预期运行Javascript
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问无法按预期运行JavascriptEN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问无法按预期运行Javascript
EN