select基本的取值,赋值及清空
来源:互联网 发布:抗美援朝有必要吗 知乎 编辑:程序博客网 时间:2024/04/30 13:35
1.获取select被选中的option的值
js实现
var selected = document.getElementById('selectedId'); //定位id
var index = selected.selectedIndex; // 选中索引
var text = selected.options[index].text; // 选中文本
var value = selected.options[index].value; // 选中值
jQuery实现
第一种方式
$('#selectId option:selected').text();//选中的文本
$('#selectId option:selected') .val();//选中的值
$("#selectId ").get(0).selectedIndex;//索引
第二种方式
$("#selectId").find("option:selected").text();//选中的文本
$("#selectId").find("option:selected").val();//选中的值
$("#selectId").find("option:selected").get(0).selectedIndex;//索引
2.给select动态添加值
第一种方法
var select = document.getElementById("selectId");
var item = new Option(text,val);
select .add(item);
第二种方法
var item =$('<select></select>');
for(var i=0;i<5;i++){
item.append('<option value="'+i+'">'+i+'</option>');
}
3.将select的值清空
js实现
方法一
document.getElementById("selectId").options.length = 0;
方法二
document.formName.selectName.options.length = 0;
方法三
document.getElementById("selectId").innerHTML = "";
jQuery实现
方法一
$("#selectId").find("option").remove();
方法二
$("#selectId").empty();
方法三
$("#selectId").html("");
js实现
var selected = document.getElementById('selectedId'); //定位id
var index = selected.selectedIndex; // 选中索引
var text = selected.options[index].text; // 选中文本
var value = selected.options[index].value; // 选中值
jQuery实现
第一种方式
$('#selectId option:selected').text();//选中的文本
$('#selectId option:selected') .val();//选中的值
$("#selectId ").get(0).selectedIndex;//索引
第二种方式
$("#selectId").find("option:selected").text();//选中的文本
$("#selectId").find("option:selected").val();//选中的值
$("#selectId").find("option:selected").get(0).selectedIndex;//索引
2.给select动态添加值
第一种方法
var select = document.getElementById("selectId");
var item = new Option(text,val);
select .add(item);
第二种方法
var item =$('<select></select>');
for(var i=0;i<5;i++){
item.append('<option value="'+i+'">'+i+'</option>');
}
3.将select的值清空
js实现
方法一
document.getElementById("selectId").options.length = 0;
方法二
document.formName.selectName.options.length = 0;
方法三
document.getElementById("selectId").innerHTML = "";
jQuery实现
方法一
$("#selectId").find("option").remove();
方法二
$("#selectId").empty();
方法三
$("#selectId").html("");
0 0
- select基本的取值,赋值及清空
- JQuery TextArea的取值与赋值问题---(textarea中回车清空,enter发送提交)
- js清空form表单里的值,清空input ,清空select
- 清空SELECT的OPTION
- TextBox清空 及取文本
- 下拉菜单赋值,清空的方法
- jquery select 取值赋值
- select赋值和取值
- 关于select的清空,获取选中值
- jQuery 取值、赋值的基本方法
- jQuery 取值、赋值的基本方法
- jQuery 取值、赋值的基本方法
- jQuery 取值、赋值的基本方法
- jQuery 取值、赋值的基本方法
- jQuery 取值、赋值的基本方法
- jQuery 取值、赋值的基本方法
- jQuery 取值、赋值的基本方法
- jQuery 取值、赋值的基本方法
- Spring通过@Value注解注入属性的几种方式
- Xcode结合iTunes快速打包制作ipa
- ArcSDE10.2在SQL Server上的配置与连接
- 【工作笔记】C语言的字符串真麻烦,好好梳理下
- iOS App让自己的应用在其他应用中打开列表中显示、iOS把自己的应用添加到”活动“、将PDF文件Open In MyApp
- select基本的取值,赋值及清空
- 【ES6】Proxy
- oracle安装--netca.rsp详解
- android 电容屏(一):电容屏基本原理篇
- Unity时钟
- SQL语言基础
- Android-GridView-属性
- Android控件之BottomNavigationBar底部滑动栏
- Mybatis foreach循环map集合