js和jQuery以及easyui实现对下拉框的指定赋值方法
js实现:
1. 通过让第i个option为selected实现选中第i个,代码如下:(id为下拉框id)
(1) document.getElementById("id").options[i].selected=true;
(2)document.getElementById("messagetoid").selectedIndex = 1;(选中第1个option)
2. 通过判别option的value值来实现,代码如下:
document.getElementById("messagetoid").value="";(选中value值为空的option)
jQuery实现:
1.通过选中第i个option,类似js实现的1,代码如下:
$("#id").get(0).selectedIndex =
1;(选中第1个option)
2. 通过判别option的value值来实现,有两种方法,代码如下:
(1)$("#id").val("123");(选中value值为"123"的option)
(2)$("#messagetoid").attr("value", "");(选中value值为空的option)
EasyUI实现:
$('#id').combobox('setValue','A');(选中value值为A的option,)
以上这篇js和jQuery以及easyui实现对下拉框的指定赋值方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。
您可能感兴趣的文章:
- Easyui的组合框的取值与赋值
- jQuery+easyui中的combobox实现下拉框特效
- jQuery使用EasyUi实现三级联动下拉框效果
- EasyUI实现下拉框多选功能
相关推荐
-
EasyUI实现下拉框多选功能
本文实例为大家分享了EasyUI实现下拉框多选展示的具体代码,供大家参考,具体内容如下 效果图: 这个没什么说的,直接引入css和js文件和图片,调用js即可.下面是源码: <html> <head> <meta charset="utf-8" /> <title>利用EasyUI实现多选下拉框</title> <link rel="stylesheet" type="text/css&qu
-
jQuery+easyui中的combobox实现下拉框特效
1.第一种写法:Input框中显示: 复制代码 代码如下: <input id="cc" class="easyui-combobox" name="name" data-options="valueField:'value',textField:'text',data:[{'value':'1','text':'java'},{'value':'2','text':'C#'}]"/> 2. 第二种用法,在list
-
Easyui的组合框的取值与赋值
近期由于工作需要,用户点击下拉框可以试下多选的效果,效果大致如下图: 实现的代码如下: <select id="iweekDay" class="col-sm-4 form-control easyui-combobox " name="state" data-options="multiple:true,multiline:true" style="width:350px;height:35px"
-
jQuery使用EasyUi实现三级联动下拉框效果
其它的都不说,使用easyui实现三级联动主要就是一层套一层,大家且看代码 html表单 <input id="txtPipeRowName" style="width:150px;"> <input id="txtPipeName" style="width:150px;"> easyUi的Combobox: // 一层Combo var srmCombx = $("#txtShouName
-
js和jQuery以及easyui实现对下拉框的指定赋值方法
js实现: 1. 通过让第i个option为selected实现选中第i个,代码如下:(id为下拉框id) (1) document.getElementById("id").options[i].selected=true; (2)document.getElementById("messagetoid").selectedIndex = 1;(选中第1个option) 2. 通过判别option的value值来实现,代码如下: document.getEleme
-
原生jQuery实现只显示年份下拉框
本文实例为大家分享了jQuery实现只显示年份下拉框的具体代码,供大家参考,具体内容如下 代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &l
-
Django实现jquery select2带搜索的下拉框
最近在开发一个web应用中需要用到带搜索功能下拉框,曾经尝试网上的django 包, django-select2-forms, 这是款功能强大的packets, 可惜不支持我的开发环境centos+python3.7+django 2.0.2, 只好下载原生jquery select2 ,通过参考官方文档,多次测试最终实现了简单的带搜索功能下拉框,它根据在前端搜索框输入的字符,ajax调用后台的试图函数查询数据库,然后将查询结果返回给前端生成下拉框列表. 1,前端代码 <script src=
-
js点击时关闭该范围下拉菜单之外的菜单方法
实例如下: $(function(){ $(document).bind("click",function(e){ //id为menu的是菜单 if($(e.target).closest("#menu").length == 0 && $(e.target).closest("input").length == 0){ //点击id为menu之外且id,则触发 hideMenu(); } }) }) 以上这篇js点击时关闭该范围
-
vue2.0 下拉框默认标题设置方法
昨天到今天,用vue2.0在写一个性别选择框,一给option添加seledted属性就报错这里 下面是报错的代码 ERROR in ./~/vue-loader/lib/template-compiler.js?id=data-v-c231dfa2!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/second.vue template syntax error <select v-model=&qu
-
C#省份城市下拉框联动简单实现方法
本文实例讲述了C#省份城市下拉框联动简单实现方法.分享给大家供大家参考.具体分析如下: 复制代码 代码如下: //定义字典 Dictionary<string, string> Address = new Dictionary<string, string>(); void loadData() { //这是你要添加的数据 //也可以选择动态添加但是考虑到数据不多不影响性能就这么做了 Address.Add("绵阳", "四川&quo
-
layui表单验证select下拉框实现验证的方法
layui 的form表单里的select 一开始以为加上lay-verify="required"就可以验证不空了,可是反复试了几次都不能验证 代码如下: <div class="layui-form-item"> <label class="layui-form-label">所属工种:</label> <div class="layui-input-block"> <
-
基于jquery实现的可编辑下拉框实现代码
原理就是一个textbox加一个ul模拟下拉框,用font模拟一个下拉按钮. 一.制作静态效果 先用css和html,做出一个应该有的样子.这里这两个我使用的是字体,可以在icomoon网站上面自己制作.用字体的好处是和输入框定位很方便,而且还可以控制大小颜色等,唯一的不足是IE6和IE7由于不支持:before选择器,导致无法显示这种字体,但可以通过一些其他方法实现,大家可以自己尝试下.下面是html代码 <span style="display:inline-block;positio
-
Angular.JS中select下拉框设置value的方法
前言 本文主要给大家介绍的是关于Angular.JS中select下拉框设置value的相关内容,非常出来供大家参考学习,下面来一起看看详细的介绍: 最近在系统中增加一个查询的筛选条件,通过下拉框选取,用的是Angular常见的ng-options 指令: <select id="selectDetectUnit" class="form-control" ng-model="detectUnits" ng-options="de
-
jquery动态加载select下拉框示例代码
如题,直接上代码,实战学习. 复制代码 代码如下: <head><title>jquery实现动态加载select下拉选项</title> <script type="text/javascript"> function init(){ makemoduleSelect(); } //加载模板下拉框选项 function makemoduleSelect(){ $.ajax({ url : 'indexStatisticsAction_g
随机推荐
- VueJs路由跳转——vue-router的使用详解
- java实现基于SMTP发送邮件的方法
- 使用java获取md5值的两种方法
- 详解iOS应用开发中autoresizing尺寸自动适应属性的用法
- 详解WordPress中调用评论模板和循环输出评论的PHP函数
- PHP写杨辉三角实例代码
- Python简单格式化时间的方法【strftime函数】
- python的正则表达式re模块的常用方法
- js资料toString 方法
- JavaScript 解析读取XML文档 实例代码
- JS实现动态添加DOM节点和事件的方法示例
- Python函数式编程指南(一):函数式编程概述
- 通过创建SQLServer 2005到 Oracle10g 的链接服务器实现异构数据库数据转换方案
- jquery.qrcode在线生成二维码使用示例
- 合并table相同单元格的jquery插件分享(很精简)
- 基于javascript html5实现3D翻书特效
- MyBatis的嵌套查询解析
- 实战 LAMP 服务器配置 完整篇
- IIS 浏览aspx页面出现无法显示XML页的解决方法分享
- PHP的cURL库简介及使用示例