zoukankan      html  css  js  c++  java
  • easyUI之ComboBox(下拉列表框)

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
      <head>
        <title>ComboBox(下拉列表框)</title>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
          <link rel="stylesheet" href="../themes/default/easyui.css" type="text/css"></link>
        <link rel="stylesheet" href="../themes/icon.css" type="text/css"></link>
        <script type="text/javascript" src="../js/jquery.min.js"></script>
        <script type="text/javascript" src="../js/jquery.easyui.min.js"></script>
        <script type="text/javascript" src="../js/easyui-lang-zh_CN.js"></script>
      </head>
      <body>
        
        
        <!-- 
        城市:
        <select id="cityID" class="easyui-combobox" name="city" style="200px;">   
            <option>aitem1</option>   
            <option>bitem2</option>   
            <option>bitem3</option>   
            <option>citem4</option>   
            <option>citem5</option>   
            <option>citem4</option>   
            <option>ditem5</option>   
            <option>ditem4</option>   
            <option>ditem5</option>   
            <option>ditem4</option>   
            <option>ditem5</option>   
            <option>eitem4</option>   
            <option>eitem5</option>   
        </select>  
        -->    
        
        
        
        城市:
        <input id="cityID" name="city"/>  
        
        <script type="text/javascript">
            //url表示请求的路径
            //valueField表示传到服务器的值,看不见的
            //textField表示页面中显示的值,看得见
            $("#cityID").combobox({
                url : "../json/city.json",
                valueField :"id",    
                   textField : "name"   
            });
        </script>
        <script type="text/javascript">
            $(function(){
                //为下拉组合框设置值
                $("#cityID").combobox("setValue","长沙");
            });
        </script>
        
            
      </body>
    </html>
    [
      {    
        "id":1,    
        "name":"北京"   
      },
      {    
        "id":2,    
        "name":"上海"   
      },
      {    
        "id":3,    
        "name":"广州"   
      },
      {    
        "id":4,    
        "name":"深圳"
      },
      {    
        "id":5,    
        "name":"武汉"   
      }
    ]  
  • 相关阅读:
    Redis配置文件的使用
    WEB请求处理一:浏览器请求发起处理
    Nginx配置文件(nginx.conf)配置详解
    【node】------mongoose的基本使用
    Promise.resolve()与new Promise(r => r(v))
    promise是什么?
    apiDoc
    apiDoc 使用指南
    微信小程序-性能与体验优化
    微信小程序-调取上一页的方法
  • 原文地址:https://www.cnblogs.com/loaderman/p/10062553.html
Copyright © 2011-2022 走看看