gpt4 book ai didi

jquery - 如何使用 jQuery 克隆后获取选定的值?

转载 作者:行者123 更新时间:2023-12-01 03:56:57 25 4
gpt4 key购买 nike

这是我的完整测试代码,但未能获取值:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="en-us" />
<title>Job Search</title>
<script language="javascript" type="text/javascript" src="script/jquery-1.3.2.js"></script>
<script language="javascript">
$(document).ready(function(){
$('#test').click(function(){
$('#container').clone().attr('id', 'container2').find('select').each(function() {
var $elem = $(this);
var value = $elem.val();
alert(value);
});
});
});
</script>
</head>

<body>
<div id="container">
<select>
<option value="">--</option>
<option value="Service">Service</option>
<option value="Sales">Sales</option>
<option value="Marketing">Marketing</option>
<option value="Finance">Finance</option>
<option value="Engineering">Engineering</option>
<option value="Management">Management</option>
</select>
</div>
<input type="button" id="test" />
</body>

</html>

最佳答案

$('#container').clone().attr('id', 'container2').find('select > option').each(function() {
var $elem = $(this);
var value = $elem.val();
alert(value);
});

将 find 方法中的选择器更改为从 select 中选择 > 选项。

如果您不打算将元素附加到 DOM,为什么还要克隆该元素。

要获取克隆元素的选定值,您可以使用

$('#container').clone().attr('id', 'container2').find('select > option:selected').val()

如果需要将克隆元素插入到 DOM 中,可以使用

$('#container').clone().attr('id', 'container2').appendTo("body")

以及在将克隆元素插入到 DOM 后获取所选选项值的完整代码

$('#container').clone().attr('id', 'container2').appendTo("body").find('select > option:selected').val()

按钮点击的完整代码

 $(document).ready(function(){
$('#test').click(function(){
$('#container').clone().attr('id', 'container2').appendTo("body").find('select > option:selected').each(function() {
alert ( $(this).val());
});
});
});

关于jquery - 如何使用 jQuery 克隆后获取选定的值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1357168/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com