Jquery 使按钮在列表选择后出现

我需要按钮的详细信息显示后，我才选择：英国从第一个列表->控制从第二个列表，否则保持隐藏

HTML代码是：

<div id="section2_table" class="section2_class">
    <div id="systemID"></div>
    <div id="countryID"></div>
    <div id="departmentID"></div>
    <div id="areaID"></div>
    <div id="jobRoleID"></div>
    <div id="ReleaseStrategy"></div>
    <div id="Details2"><span>Cateva detalii aici</span></div>
    <div id="popUpDetails"><a href="#">DETAILS</a></div>
</div>

不幸的是它不起作用。。。如有任何建议，将不胜感激

$(function() {
 $('#selectList').change(function() 
  {
if ($('#selectList').hasAttr('selected')) 
 {
  $('#popUpDetails').show();
   } 
   else 
   {
    $('#popUpDetails'").hide();
   }
 }).trigger('change');
});

selectList是下拉列表的id

---

我在这里做了一个jsfiddle：

因为您没有为您的问题提供任何结构/css，所以我对其进行了简化

正如kapantzak在评论中所说的那样，没有为DIV触发任何更改事件-因此请单击

之后，你可以展示你的div

更新

部门ID div后的HTML：

<select class="DepartmentClass" jQuery111009314246867544693="10">

---

我想出了这样的办法：

$function{ $'section2_table'。可选； $firstList.changefunction{ 如果是。选择选项[0]。值==“UK”{ $popUpDetails.show； }否则{ $popUpDetails.hide； } }.触发“改变”； }; 第2节_table.ui选择{background:FECA40；} section2_table.ui选中{背景：F39814；颜色：白色；} 第2节表格{列表样式类型：无；边距：0；填充：0；宽度：60%；} 第2节表格分区{边距：3px；填充：0.4em；字体大小：1.4em；高度：18px；边框：双精度；} 第一份名单： 判定元件 英国 我们 1. 2. 3. 4. 5. 6. 德塔利艾西卡特瓦酒店

---

div元素不会触发“change”事件，因此无法在div元素上侦听此事件。取而代之的是，使用选择元素谢谢你的快速回答。。。还有一个代码建议？？？$departmentID.hasAttrselected检查此。。很酷。。。类似这样的内容：$document.readyfunction{if$departmentID.hasAttrselected{$popUpDetails.show；}else{popUpDetails.hide；}？？？右边有一个选择列表。在id为“countryid”的div中，它选择了@Bobita选择UK的国家。这从问题上看并不明显。你怎么知道的？@JF it。他确实说过我需要按钮的详细信息只有在我选择：从第一个列表中选择UK->从第二个列表中选择Control，否则保持隐藏。我就是这么想的。在这种情况下，代码不是很好吗。不管怎样，如果你的代码有效，并且问问题的人很满意。。。好吧，我明白你的意思了，不过从OP那里我很容易被误导。祝你好运it@DAreG你是对的。。div的内部是列表。我希望按钮详细信息仅在我从第一个列表中选择UK和从第二个列表中选择Control之后显示。非常好的解决方法，但我有列表，我需要从列表2项中选择以显示详细信息按钮。10倍用于回答右键单击-检查chrome中选择的元素。将生成的HTML复制到您的答案中。这就是人们不能帮助你的原因-你的问题在html中没有提到选择。我有下一行代码：。。。很久以前尝试过添加类DeparmentClass。。仍然不工作不工作，因为它是动态创建的-我会更新我的答案。

$(function() {
  $("#departmentID").on('change', function() {
        $('#popUpDetails').show();
  }, 'select.DepartmentClass');
});

<select class="DepartmentClass" jQuery111009314246867544693="10">