Jquery 下拉列表按箭头键时所选文字的更改
我有一个Dropdownlist。我在这个下拉列表上添加了包装类。这个类在Dropdownlist之后添加了span以显示所选文本Jquery 下拉列表按箭头键时所选文字的更改,jquery,keyboard,dropdownlistfor,selectedtext,Jquery,Keyboard,Dropdownlistfor,Selectedtext,我有一个Dropdownlist。我在这个下拉列表上添加了包装类。这个类在Dropdownlist之后添加了span以显示所选文本 <span class="select-wrapper"> <select name="MethodId" id="Status" class="product-select product-select-js"> <option value="">---Select---</option> <option va
<span class="select-wrapper">
<select name="MethodId" id="Status" class="product-select product-select-js">
<option value="">---Select---</option>
<option value="0">GET</option>
<option value="1">POST</option>
<option value="2">FTP</option>
</select>
<span class="holder">POST</span>
</span>
---挑选---
得到
邮递
文件传输协议
邮递
有人有这个问题的解决方案吗？所以要分步骤解决这个问题，首先需要 然后，您可以使用jQuery来访问您的 然后，在事件侦听器中，您将希望 那么你会想 然后你会得到这样的结果
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title></title>
<script src="scripts/jquery-2.1.3.js"></script>
<script>
$(function() {
$('#Status').on('change keyup', updateValue);
});
function updateValue() {
$('.holder').text($(this).find(':selected').text());
}
</script>
</head>
<body>
<span class="select-wrapper">
<select name="MethodId" id="Status" class="product-select product-select-js">
<option value="">---Select---</option>
<option value="0">GET</option>
<option value="1">POST</option>
<option value="2">FTP</option>
</select>
<span class="holder"></span>
</span>
</body>
</html>
$（函数（）{
$（'#Status'）。on（'change keyup'，updateValue）；
});
函数updateValue（）{
$（'.holder'）.text（$（this.find）（':selected'）.text（））；
}
---挑选---
得到
邮递
文件传输协议