Javascript 在下拉列表中添加图像

1我想用下拉列表中的选项添加图像。我已附上屏幕截图

2我还想先选择语言，然后选择与该语言相关的国家。它工作正常，问题是当我选择语言时，会出现国家下拉列表，但当我从弹出菜单中单击时，该下拉列表将禁用

注：在选择任何选项之前，国家/地区列表不应消失 从添加的dropdownlist Sql FIDLE中选择

---

对于背景图像问题，选择器如下

.cs-select option 

不适用于IE，但适用于Firefox或Chrome

交叉浏览器解决方案可以使用jqueryui selectmenu或bootstrap

对于单击问题，您需要添加以下JS

 $('#mask').click(function() { 
    ....    
    var val2 = $("#dialog .second-level-select option:selected").text();

    if (val2 == '-Select Your Country-') {
      return;
    }
    ....

---

请参见fiddle

您尝试过背景图像吗？等等，先生@HidaytRahman我将分享我尝试过的代码。cs-skin-elastic.cs options li.flag-france span{背景图像：url../img/English_language_icon.png；}.cs skin-elastic.cs options li.flag-brazil span{背景图像：url../img/flag-400.png；}.cs skin-elastic.cs options li.flag-safrica span{background image:url../img/Arabic-Language-flag.svg；}.cs skin-elastic.cs options li.flag-阿根廷span{background image:url../img/Arabic-Language-flag.svg；}@HidaytRahman我已经添加了代码。不要在这里发布代码，只需在共享的小提琴上修改即可

 $('#mask').click(function() { 
    ....    
    var val2 = $("#dialog .second-level-select option:selected").text();

    if (val2 == '-Select Your Country-') {
      return;
    }
    ....