jquery失败隐藏并显示div
jquery失败隐藏并显示div
提问于 2016-07-12 08:59:03
我试图隐藏并显示一个基于下拉列表选择的基础，但是失败了，不知道我做错了什么，请帮助。
$(document).ready(function () {
$('#code').on('change', function () {
if (this.value == 'T4')
{
$("#TR").show();
}
else {
$("#TR").hide();
}
});
});
<div class="form-group" style='display:none;' id='TR'>
<label for="Training Fees(RM)" style="color:black">Training Fees(RM)</label>
<div class="col-sm-3">
<asp:TextBox runat="server"ID="RM_TEXT" placeholder="RINGGIT" />
</div>
</div>我的学生名单：
<div>
<asp:DropDownList ID="Code" runat="server"></asp:DropDownList>
</div>我的下拉列表DataTextField和DataValueField：
回答 2
Stack Overflow用户
回答已采纳
发布于 2016-07-12 09:14:39
id引用是未匹配的。您已经定义了“代码”，但将侦听器附加到“代码”。
<asp:DropDownList ID="Code" runat="server"></asp:DropDownList>在两个地方使用相同的情况
$('#code').on('change', function () {Stack Overflow用户
发布于 2016-07-12 09:09:47
请检查检查元素中的DropDown列表ID，如果您正在使用母版页，则ID将为ct100_。
或使用
<asp:DropDownList ID="Code" runat="server" onchange="javascript:return dropdown(this);"></asp:DropDownList>Javascirpt
function dropdown(val)
{
if ($(val).val() == 'T4') {
$("#TR").show();
}
else {
$("#TR").hide();
}
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/38324258
复制相关文章
相似问题
腾讯云开发者
