Javascript 获取动态创建和更新的选定下拉列表的文本，并将结果插入到div中

解释起来有点混乱，但我有一个“选择”下拉列表，它在页面加载时不存在，我需要在它确实存在时获取它的选定文本值，并将其显示在页面上的div中。我的jquery如下所示：`

var conceptName = $('select[name="ShippingSpeedChoice"]').find(":selected").text();
$('select[name="ShippingSpeedChoice"]').on("change", "paste", function(){$('.valss').html('+conceptName+');
});  

---

`知道我做错了什么吗？谢谢你的帮助

这就是你想要的吗？（我从你的描述中猜出了你的HTML结构）

我已经模拟了动态添加

并重新排列了

。因为我不知道粘贴
的目的是什么：

$(document).on("change", 'select[name="ShippingSpeedChoice"]', function (e) { ... });

这就是你想要的吗？（我从你的描述中猜出了你的HTML结构）


我已经模拟了动态添加
并重新排列了
。因为我不知道粘贴
的目的是什么：

$(document).on("change", 'select[name="ShippingSpeedChoice"]', function (e) { ... });

目前什么不起作用？所选选项文本未显示在div（'vals'）…我希望它是文本字符串，而不是所选项目的值。顺便说一句。目前什么不起作用？所选选项文本未显示在div（'vals'）中…我希望它是文本字符串，而不是所选项目的值。顺便说一句。
Nice，以前从未见过。非常整洁。您应该将JSFIDLE代码添加到您的答案中，否则人们会对此感到有趣。这非常有效——非常感谢@jammykam补充了答案的主要变化，这是一个很好的建议。这是我见过的最整洁的客户端模板制作方法
type=html/template
（我也看到了
text/template
）在跨浏览器处理时忽略它基本上是万无一失的。把它放在一个脚本标记中，也可以整洁地使用.innerHTML。在添加它之后，我用谷歌搜索了它，这对于添加可重用代码块非常有用。下次我将使用它，而不是大量的
append（）
语句！）<代码>
不错，以前从未见过。非常整洁。您应该将JSFIDLE代码添加到您的答案中，否则人们会对此感到有趣。这非常有效——非常感谢@jammykam补充了答案的主要变化，这是一个很好的建议。这是我见过的最整洁的客户端模板制作方法
type=html/template
（我也看到了
text/template
）在跨浏览器处理时忽略它基本上是万无一失的。把它放在一个脚本标记中，也可以整洁地使用.innerHTML。在添加它之后，我用谷歌搜索了它，这对于添加可重用代码块非常有用。下次我将使用它，而不是大量的
append（）
语句！）