天气表WEATHER:
ID    编号
NAME  天气名称
IMG   天气图标
SELECT * FROM WEATHER
<asp:DropDownList ID="ddlW" runat="server" DataTextField="NAME" DataValueField="ID"></asp:DropDownList>
后台绑定后,生成HTML代码如下:<select name="ddlW" id="ddlW">
<option value="1">晴</option>
<option value="2">雨</option>
<option value="3">雪</option>
</select>
问题:能否绑定IMG字段到ddlW的ToolTip属性。使生成的代码如下:<select name="ddlW" id="ddlW">
<option value="1" title="img/sun.gif">晴</option>
<option value="2" title="img/rain.gif">雨</option>
<option value="3" title="img/snow.gif">雪</option>
</select>
p.s:需要title属性来实现选择天气改变,页面背景变换功能。

解决方案 »

  1.   

    DropDownList只有DataTextField和DataValueField属性...
    能否在OnDataBinding事件中实现?
    p.s:Where's DataToolTipField,how to come true?
      

  2.   

    ToolTip是string类型的不能绑定图标。
    要实现绑定图标功能,只能是继承DropDownList类的基础上写自己的自定义服务器控件,加一个TipLogo属性,通过该属性Render图标。这比较复杂,我觉得在自定义控件中需要集成客户端功能。
      

  3.   

    1、数据库中的IMG字段不是存储的图片,是图片路径。
    2、自定义控件-_|||...如何实现DataToolTipField属性?
      

  4.   

    第一个问题已经很明确了,不管你数据库中存的是图片也好,路径也好,但总归你要在DataToolTipField中显示图片;
    第二个问题比较大,我目前只能给你提供给思路,你先找一些自定义服务器控件相关的内容先研究一下,我闲下来可以给你做个Demo.
    你先说一下你的需求,这个提示图标要显示到什么位置,在什么情况下显示?
      

  5.   

    需求:在select标签的onChange事件触发后获取当前选中项option的title值,用来当作当前网页的背景图片url。
      

  6.   

    总结:
        如何在DropDownList控件中保存三个从数据库中取得的值:ID、NAME、IMG,
        DropDownList只提供了两个绑定属性:DataTextField、DataValueField。
        DropDownList生成HTML标签为select,其项生成的标签是option。option有title属性,如何将IMG字段绑定到title中?
      

  7.   

    我还以为是将鼠标移到某个选项上要弹出一个div,并在div上显示图片。
    你要的是图片下拉列表?
      

  8.   


    <select   id   ="aa"   onchange="changeImgSrc()">  
      <%  
      String   sql   =   "select   图片地址,图片名   from   pic";  
      ...........//连接数据库  
      while(set.next())   {  
      out.print("<option   value=\""   +   set.getString(“图片地址")   +   "\">"  
                            set.getString("图片名称")     +   "</option>");  
      %>  
      </select>  
      <img   id="bb"   src="http://expert.csdn.net/images/csdn.gif">  
      <script   language="javascript">  
      function   chg(){  
              var   sel   =   document.all.aa;  
              var   img   =   document.all.bb;  
              bb.src   =   sel.options[sel.selectedIndex].value;  
       
      }  
      </script>   
      

  9.   

    看来也只能如此了...
    附:
        后台如何获取不是服务器控件的select标签当前选中项的值:
    Request.Form["select标签的name属性"];