自定义选择框 - 选择选项值时,将相应的数据图像显示为选定值

时间:2013-12-01 13:11:15

标签: javascript jquery css3 custom-data-attribute

对于此自定义选择框,需要执行哪些操作才能显示与选择框占位符中的选项值关联的图像。
http://jsfiddle.net/6eCFz/

在此代码中,如何使用数据属性优先,以显示与选项值相关联的图像作为选定值,第二,以显示勾选打开下拉列表时标记以指示所选值。

此外,还有一些小错误:

  • 用于唯一选择的代码,对于填充了相同选项的两个选择框,似乎不起作用。

    $("#c_id1").change(function(){
     $("#c_id2 option:hidden").show();
      if($(this).val().length ){
       $("#c_id2 option[value=" + $(this).val() + "]").hide();
      }
    });
    $("#c_id2").change(function(){
     $("#c_id1 option:hidden").show();
      if($(this).val().length ){
       $("#c_id1 option[value=" + $(this).val() + "]").hide();
      }
    }); 
    

    http://jsfiddle.net/73epV/ - (香草剧本作为概念证据)
    此外,它不能确保onLoad

  • 的唯一性
  • 触发下拉菜单后,如果鼠标移开而没有先悬停在选项列表上,则下拉列表不会关闭。

很多爱任何帮助:) 感谢

0 个答案:

没有答案