下拉列表怎样才能做成图片来选择

[qq_30641479]

<div data-role="page" id="login" data-theme="a">
<div data-role="header">
<a href="javascript:goback();" class="ui-btn ui-btn-icon-notext ui-icon-carat-l"></a>
<h1>登录</h1>
</div>
<div data-role="content">
<form id="loginForm" method="post" action="/vol-helping/user/login.do">
<!--<label for="userType" class="userType">选择账户类型</label>
<select name="userType" id="userType" data-iconpos="left" onchange="javascript:chgAccountType(this)" >
<option value="01" id="user"></option>
<option value="02" >义工</option>
<option value="03">用户管理员</option>
<option value="04">义工管理员</option>
</select> -->
<input name="userId" id="loginId" type="text" value="" data-clear-btn="true" placeholder="残疾证号">
<input id="password" type="password" data-clear-btn="true" placeholder="密码">
<label><input name="saveLoginId" id="saveLoginId" type="checkbox" checked="true">记住用户名</label>
<label><input name="savePwd" id="savePwd" type="checkbox" checked="true">记住密码</label>
<button class="ui-btn ui-shadow" id="btn_login" type="button">登  录</button>
</form>
<img src="">
</div>
</div>

[qq_30641479]

请大神帮忙解决一下

[IMyxuan]

你可以自己模拟下拉框，显示图片

[qq_30641479]

那要怎么模拟啊，用列表好像不能被选择啊

[wylwyl1108]

下拉表单，不就类似于 html+css+js组成的下拉菜单么，你用代码自己写一个呗

[小小农民]

可以自己模拟写一个，比如：

  <div class="myselect" >
    <p id="selectItem">
      select title
    </p>
    <ul>
      <li>
        select item1   <img id="showImg"  style="width:50px;height:50px;" src="images/pic01.jpg" alt="" />

      </li>
      <li>
        select item2   <img id="showImg"  style="width:50px;height:50px;" src="images/pic02.jpg" alt="" />

      </li>
      <li>
        select item3   <img id="showImg"  style="width:50px;height:50px;" src="images/pic03.jpg" alt="" />

      </li>
    </ul>
  </div>


<script type="text/javascript">
  window.onload = function () {
    $(".myselect ul").hide();
      $(".myselect li").click(function(){
        $(".myselect ul").hide();
        alert($(this).html());
        $("#selectItem").html($(this).html());
      });

      $("#selectItem").click(function(){
        $(".myselect ul").show();

      });
    }

</script>

[qq_30641479]

那样的话代码量太大啊