jQuery是控制和 *** 作select详解。
eg:
<select id="test"><option value="1">选项一<option>
<option value="2">选项一<option>
<option value="n">选项N<option>
</select>
所谓jQuery *** 作“select”, 说的更确切一些是应该是jQuery控制 “option”, 看下面的jQuery代码:
//获取第一个option的值
$('#test option:first')val();//最后一个option的值
$('#test option:last')val();//获取第二个option的值
$('#test option:eq(1)')val();//获取选中的值
$('#test')val();$('#test option:selected')val();
//设置值为2的option为选中状态
$(‘#test’)attr(‘value’,’2’);
//设置最后一个option为选中
$('#test option:last')attr('selected','selected');$("#test")attr('value' , $('#test option:last')val());
$("#test")attr('value' , $('#test option')eq($('#test option')length - 1)val());
//获取select的长度
$('#test option')length;//添加一个option
$("#test")append("<option value='n+1'>第N+1项</option>");$("<option value='n+1'>第N+1项</option>")appendTo("#test");
//删除项选中(这里删除第一项)
$('#test option:first')remove();、//指定值被删除
$('#test option')each(function(){if( $(this)val() == '5'){
$(this)remove();
}
});
$('#test option[value=5]')remove();
1定义sqlDataAdapter对象,调用fill()方法,将获取的结果填充到DataSet,再将其从DataSet 的DataTable中获取出来
2定义sqlDataReader对象sqldata,通过sqlCommand对象调用ExecuteRead()方法,在用sqldata调用read()方法,就能将字段读取出来。
// 获取选中 consolelog($("select")val(),'获取当前选中');
// 默认选中
// 1标签上加 <option value="深圳网站建设" selected>深圳网站建设</option>
// 2DOM *** 作 $("select")val('深圳网站建设')
单选下拉列表框对象的value属性值就是选中项的value值,因此只需用如下代码即可
1
var selected_val = documentgetElementById(select_id)value;
并且,通过 *** 作select下的option也可以得到被选项的value值,方法为:
1
2
var sel = documentgetElementById(select_id);
var selected_val = seloptions[selselectedIndex]value;
实例演示如下:
1、HTML结构及javascript代码
1
2
3
4
5
<select id="test" onchange="alert(thisvalue)">
<option value="0">options-0</option>
<option value="1">options-1</option>
<option value="2">options-2</option>
</select>
2、效果演示
首先说下解决方案:
由于select的点击就显示下拉列表时控件本身的特性,无法取消(我尝试过阻止默认事件,结果没有反应),所以最好的方法我觉得就是模拟select,就是说不用select标签,自己写一组html替换select,这方面成熟的jquery插件也不少。这样做便于控制下拉列表何时显示隐藏,不用担心click的问题。而且可以避免select本身的一些缺陷达到跨浏览器的目的
以上就是关于页面加载时,怎样获取select默认选中的值全部的内容,包括:页面加载时,怎样获取select默认选中的值、c#连接mysql数据库以后 怎么的获取select语句返回的值而不是影响的条数 需要用什么样的代码写、今天学了jquery但是怎么获取select选中的值呢怎么让它默认选中呢等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)