Javascript 查找更改事件下拉列表的上一个值
我的下拉列表声明如下:Javascript 查找更改事件下拉列表的上一个值,javascript,jquery,asp.net,drop-down-menu,Javascript,Jquery,Asp.net,Drop Down Menu,我的下拉列表声明如下: <asp:DropDownList ID="myDropDown" width="300" CssClass="textboxda" AutoPostBack="True" runat="server" onmousewheel="return false;" /> 我正在动态填充此下拉列表 我正在提取下拉列表中最后/以前选择的文本,但这不起作用 请建议 myDropDown.Attributes.Add("OnChange", "return O
<asp:DropDownList ID="myDropDown" width="300" CssClass="textboxda"
AutoPostBack="True" runat="server" onmousewheel="return false;" />
我正在动态填充此下拉列表
我正在提取下拉列表中最后/以前选择的文本,但这不起作用
请建议
myDropDown.Attributes.Add("OnChange", "return OnChange(this);");
之后,您可以为当前选定的项目添加另一个属性
myDropDown.Attributes.Add("previous", "your default selected value");
在那之后,你的功能是这样的
function OnChange(args)
{
var previousVal=$(args).attr('previous');
var newVal=$(args).find(':selected');
alert(previousVal);
alert(newVal);
$(args).attr('previous',newVal);
}
你想要jquery?演示
JQUERY
试试这个
<select id="countries" previous="" onchange="countrychange(this)">
<option value="">Select country</option>
<option value="68">Russia</option>
<option value="20">United States</option>
<option value="73">Albania</option>
<option value="143">Algeria</option>
</select>
<script type="text/javascript">
function countrychange(args){
var previousVal=$(args).attr('previous');
var newVal=$(args).find(':selected');
alert(previousVal);
alert(newVal);
$(args).attr('previous',newVal);
}
</script>
HTML页面中的id应该是唯一的。它是唯一的。我在这里给出了一个示例。你能给出你的DOM结构吗?在DOM中,我也找到了相同的函数…DOMIt显示的确切功能为0.00…我需要文本…所以我制作了文本…现在它显示了下拉列表中的所有项目。这给出了当前选择,不是改变之前的样子
<select id="countries">
<option value="">Select country</option>
<option value="68">Russia</option>
<option value="20">United States</option>
<option value="73">Albania</option>
<option value="143">Algeria</option>
</select>
<script type="text/javascript">
$(document).ready(function(){
$('#countries').on('change', function() {
var $selected = $(this).find(':selected');
console.log('Prev = ', $selected.prev().text());
console.log('Next = ', $selected.next().text());
console.log('Last = ', $(this).find('option:last').text());
});
});
</script>
$(document).ready(function() {
$("#mySelect").on('change', function() {
alert('Changed selected: '+$('#mySelect option:selected').val());
});
});
<select id="countries" previous="" onchange="countrychange(this)">
<option value="">Select country</option>
<option value="68">Russia</option>
<option value="20">United States</option>
<option value="73">Albania</option>
<option value="143">Algeria</option>
</select>
<script type="text/javascript">
function countrychange(args){
var previousVal=$(args).attr('previous');
var newVal=$(args).find(':selected');
alert(previousVal);
alert(newVal);
$(args).attr('previous',newVal);
}
</script>