`

combo--1

 
阅读更多



 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>1.html</title>
 
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
   
    <!-- easyui的样式 -->
    <link rel="stylesheet" type="text/css" href="../jslib/jquery-easyui-1.3.1/themes/default/easyui.css">
    <!-- 小图标的样式 -->
    <link rel="stylesheet" type="text/css" href="../jslib/jquery-easyui-1.3.1/themes/icon.css">
   
    <script type="text/javascript" src="../jslib/jquery-easyui-1.3.1/jquery-1.8.0.min.js"></script>
    <script type="text/javascript" src="../jslib/jquery-easyui-1.3.1/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="../jslib/jquery-easyui-1.3.1/locale/easyui-lang-zh_CN.js"></script>
 
 <script type="text/javascript">
  $(function(){
   $('#cc').combo({
    required:true,
    editable:false
   });
   $('#sp').appendTo($('#cc').combo('panel'));
   $('#sp input').click(function(){
    var v = $(this).val();
    var s = $(this).next('span').text();
    $('#cc').combo('setValue', v).combo('setText', s).combo('hidePanel');
   });
  });
 </script>
 
  </head>
   
  <body> 
   <select id="cc" style="width:150px"></select>
 <div id="sp">
  <div style="color:#99BBE8;background:#fafafa;padding:5px;">Select a language</div>
  <div style="padding:10px">
   <input type="radio" name="lang" value="01"><span>Java</span><br/>
   <input type="radio" name="lang" value="02"><span>C#</span><br/>
   <input type="radio" name="lang" value="03"><span>Ruby</span><br/>
   <input type="radio" name="lang" value="04"><span>Basic</span><br/>
   <input type="radio" name="lang" value="05"><span>Fortran</span>
  </div>
 </div> 
  </body>
</html>

  • 大小: 7.1 KB
分享到:
评论

相关推荐

    Jquery combo-select

    if ($(this).text().toLowerCase().indexOf(filter) &gt; -1) { $(this).show(); } else { $(this).hide(); } }); }); // 其他交互逻辑,如点击input时展开下拉列表等 }); ``` 三、jQuery combo-select的扩展...

    combo-select-master.zip

    Combo-Select是一款强大的下拉选择插件,专为前端开发者设计,用于实现高效、灵活的输入下拉查询功能。这款插件基于JavaScript库jQuery构建,提供了丰富的特性来满足用户在网页交互中的各种需求。 首先,让我们深入...

    前端开源库-combo-url

    1. **URL组合**:`combo-url`库能接收一组小文件的URL,并将它们组合成一个带有特殊标志的URL,如 "?_combo=" 后面跟着所有文件的路径。服务器端会识别这个标志,并根据指定路径返回合并后的文件内容。 2. **配置与...

    前端开源库-flex-combo-plus

    《前端开源库-flex-combo-plus深度解析》 在前端开发领域,开源库是开发者们的重要工具,它们提供了丰富的功能和优化方案,极大地提高了开发效率。本文将深入探讨一个名为"flex-combo-plus"的前端开源库,以及其...

    permeo-Driver-combo-win_4_2_2.zip

    permeo-Driver-combo-win_4_2_2.zip 官方原版 附:1,序列号.txt 2,使用说明.pdf 3,各版本介绍.doc

    combo-select 模糊查询下拉框

    "combo-select 模糊查询下拉框"是一个前端开发组件,主要用于提高用户在网页中进行数据选择时的交互体验。这个组件结合了下拉框和模糊查询的功能,使得用户可以通过输入关键字快速找到并选择目标选项,尤其适用于...

    react-formsy-combo-select:一个简单的Formsy包装器,围绕react-combo-select

    react-formsy-combo-select 围绕react-combo-select的简单Formsy包装器。 安装 要在您自己的项目中使用: npm install --save react-formsy-combo-select 用法 react-formsy-combo-select允许将react-combo-select...

    下拉框模糊查询-combo-select-master

    "下拉框模糊查询-combo-select-master"是一个专门针对下拉框实现模糊查询功能的项目,它旨在优化用户在大量数据中寻找目标选项的体验。 一、下拉框基础 下拉框通常由两部分组成:一个可点击的文本字段和隐藏的选项...

    gulp-alias-combo-master

    **gulp-alias-combo-master** 是一个针对JavaScript文件合并的Gulp插件,它主要功能是根据用户定义的别名(alias)配置,智能地合并多个JavaScript文件,并在合并过程中自动解析并处理文件间的依赖关系。这个插件的...

    RD.Combo - MetaTrader 4脚本.zip

    1. **多指标集成**:RD.Combo 包含了趋势、振荡器等多种类型的指标,如移动平均线、MACD、RSI、布林带等。这些指标组合在一起,可以提供更为全面的市场分析视角。 2. **自定义设置**:每个集成的指标都可以根据用户...

    Jquery Combo下拉框示例

    在CSS文件中,可以通过选择器`.combo`、`.combo-input`、`.combo-option`等来修改组合框的基本样式,如宽度、颜色、边框等。例如: ```css .combo { width: 200px; } .combo-input { background-color: #fff; ...

    Python库 | unidic_combo-0.9.8-py3-none-any.whl

    Python库“unidic_combo-0.9.8-py3-none-any.whl”是一个用于处理汉字和Unicode的工具,特别适用于对中文字符进行分析和操作。这个库是Python开发人员在后端开发中处理中文文本时的一个利器,它包含了丰富的功能来...

    Python库 | unidic_combo-0.9.0-py3-none-any.whl

    "unidic_combo-0.9.0-py3-none-any.whl"就是一个这样的Python库,它被设计用于处理和分析汉字和汉语。 "unidic_combo"这个名字暗示了它可能与Unicode和汉语字典有关。Unicode是一种字符编码标准,涵盖了世界上几乎...

    dm-ic-combo-files.zip_FLUENT Tutorial_FLUENT tutorial

    "dm-ic-combo-files.zip"是一个包含FLUENT教程的压缩包,其内容涵盖了FLUENT的基础操作和高级应用,是学习和掌握该软件的重要资料。 一、FLUENT简介 FLUENT是ANSYS公司开发的一款专业CFD软件,它采用了先进的数值...

    arpack-combo-0.1.jar.zip

    在实际使用 "arpack-combo-0.1.jar.zip" 时,开发者需要将其解压,然后将解压后的 "arpack-combo-0.1.jar" 添加到他们的项目类路径中。如果 JAR 文件包含了依赖包,那么这些依赖也需要被正确配置,否则可能会出现...

    sysdzw-vb6-date-combo-box-master_java_

    标题“sysdzw-vb6-date-combo-box-master_java_”和描述暗示了一个项目,该项目是使用Visual Basic 6(VB6)开发的,目的是创建一个自定义的日期选择控件,该控件可能类似于ComboBox。尽管这个实现可能不如系统内置...

    PyPI 官网下载 | unidic_combo-0.9.8-py3-none-any.whl

    资源来自pypi官网。 资源全名:unidic_combo-0.9.8-py3-none-any.whl

    Big Combo-v2.0

    智龙迷城计算combo的软件,导入截图自动计算路径

    gulp-static-combo-in-freemarker:freemarker 中组合静态文件的 gulp 插件

    gulp-static-combo-in-freemarker freemarker 中组合静态文件的 gulp 插件 安装 npm install --save-dev gulp-static-combo-in-freemarker 例子 var gulp = require ( 'gulp' ) ; var combo = require ( 'gulp-...

Global site tag (gtag.js) - Google Analytics