select选中某个选项(select框默认选中)
怎么用js动态 设置select中的某个值为选中值
我们使用javascript实现js动态设置select中的某个值为选中值,操作如下:
使用javascript实现:
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""
html xmlns=""
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
title无标题文档/title
/head
body
select name="jumpMenu" id="jumpMenu" onChange="jumpMenu('parent',this,0)"
option id="1" value="跳转URL"111/option ?// ?111 是显示给用户的信息
option id="2" value="跳转URL"222/option
option id="3" value="跳转URL"333/option
option id="4" value="跳转URL"444/option
option id="5" value="跳转URL"555/option
/select
script type="text/javascript"
function display(optionID){
var all_options = document.getElementById("jumpMenu").options;
for (i=0; iall_options.length; i++){
if (all_options[i].id == optionID) ?// 根据option标签的ID来进行判断 ?测试的代码这里是两个等号
{
all_options[i].selected = true;
}
}
};
display("4");
/script
/body
/html
扩展资料:
Js获得元素标签名称的方法:
1、$( this ).get(0).tagName
2、$( this )[0].tagName
3、$( this ).prop("tagName")
4、$( this ).prop("nodeName")
php select下拉框怎么实现 选中一个选项,从服务器自动加载关联的信息
这个和ajax技术密切相关.
ajax技术通俗来讲 就是保证页面不刷新的情况下.吧数据通过服务端展现给浏览器.
所以这里楼主可以使用ajax来实现.一下给出一个ajax例子
select?id="select"
????option/option
/select
//此时select框是没有任何数据的
给他加上value值改变触发的事件
$("#select").change(function(){
????$.get('index.php',data,function(res){
????????$("#select").append('option?value="'+res.val+'"'+res.content+'/option');//把获取到的信息append到select框下
????},'json');
});
//或者楼主是要这种情况.选中select的其中某个选项在加载数据
select?id="select"
????option?value="1"/option
/select
$("#select").change(function(){
????//这里假设选中了value?=1的option
????var?val?=?$("#select").val();
????$.get('index.php',{value:val},function(res){
????????sonsole.log(res);//打印从服务器获取到的信息
????},'json');
});
jquery怎么设置select选中某项值
1、设置value为pxx的项选中
$(".selector").val("pxx");
2、设置text为pxx的项选中
$(".selector").find("option[text='pxx']").attr("selected",true);
这里有一个中括号的用法,中括号里的等号的前面是属性名称,不用加引号。很多时候,中括号的运用可以使得逻辑变得很简单。
3、获取当前选中项的value
$(".selector").val();
4、获取当前选中项的text
jquery怎么实现选中select表单中某个option选项时弹出一个div层说明option中的内容?
思路:点击option时触发事件,获取当前option的index,然后将对应index的div显示出来。实例演示如下:
1、HTML结构
div?id="test"
li青的/lili紫的/lili黄的/li
/div
select
option?value="option-1"苹果/option?
option?value="option-2"葡萄/option?
option?value="option-3"香蕉/option?
/select
2、jquery代码
$(function(){
$("#test?li").hide();
$("select?option").click(function()?{
var?n?=?$(this).index();
$("#test?li").hide();
$("#test?li").eq(n).show();
});
});
3、效果演示