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实现三级联动下拉框效果
其它的都不说,使用easyui实现三级联动主要就是一层套一层,大家且看代码 html表单 <input id="txtPipeRowName" style="width:150px;"> <input id="txtPipeName" style="width:150px;"> easyUi的Combobox: // 一层Combo var srmCombx = $("#txtShouName
-
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"
-
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
随机推荐
- Vue.js实现一个自定义分页组件vue-paginaiton
- Windows Powershell Where-Object 条件过滤
- 浅析2003两种快速自动登录捷径
- 浅谈android中数据库的拷贝
- Struts2之Validator验证框架的详细介绍
- [Oracle] Data Guard 之 三种保护模式介绍
- JavaScript截取字符串的2个函数介绍
- JS基于正则表达式的替换操作(replace)用法示例
- ThinkPHP3.1新特性之查询条件预处理简介
- js实现目录定位正文示例
- PHP经典面试题之设计模式(经常遇到)
- 在Python上基于Markov链生成伪随机文本的教程
- DropDownList绑定数据表实现两级联动示例
- linux之sed命令的用法
- 深入理解jQuery中的事件冒泡
- 阿江的WINDOWS服务器安全设置
- Android入门之使用eclipse进行源码开发的方法
- 详解用Eclipse如何创建Web项目
- Python实现的三层BP神经网络算法示例
- 如何利用Pyecharts可视化微信好友