属于select和option标记属性,select和option常用属性有哪些
select标签下option标签里value属性有什么用以及和text的区别
1：value的用处
select
option
value
=
"A"B/option
/select
其中“A”“B”有何区别，各自代表什么意思？
答案：
B是显示在网页上的内容
A是实际传给后台表单处理程序
比如
select
option
value
=
"class1"际传给后台表单处理程序/option
/select
在网页上显示”际传给后台表单处理程序”
传给后台程序就是class1了
这样做的好处:
1.减少表单传输数据,可能避免了一些中文编码问题
2.如果以后想改显示内容,不用修改后台程序
2：value和text的区别
如何引用一个下拉列表框的选项,即option对象,现在介绍option对象的两个重要属性,value和text,value属性表示标记中value所指定的值,可以通过脚本获取或设置这个值,text属性表示显示于界面中的文本,即和之间的部分,同样可以通过脚本获取或设置其值.
例如:
option
value="apple"苹果/option
则value的值为”apple”,text的值为”苹果”.
在旧版本的浏览器中,select对象的value对象的值是不可用的,因此要获得选中项的值,可以用如下语句代替:
someSelect.options[someSelect.selectedIndex].value
select标签下option标签里value属性有什么用？
1：value的用处\x0d\x0a\x0d\x0aB\x0d\x0a\x0d\x0a其中“A”“B”有何区别，各自代表什么意思？\x0d\x0a答案：\x0d\x0aB是显示在网页上的内容\x0d\x0aA是实际传给后台表单处理程序\x0d\x0a比如\x0d\x0a\x0d\x0a 际传给后台表单处理程序\x0d\x0a\x0d\x0a在网页上显示”际传给后台表单处理程序”\x0d\x0a传给后台程序就是class1了\x0d\x0a这样做的好处:\x0d\x0a1.减少表单传输数据,可能避免了一些中文编码问题\x0d\x0a2.如果以后想改显示内容,不用修改后台程序\x0d\x0a2：value和text的区别\x0d\x0a 如何引用一个下拉列表框的选项,即option对象,现在介绍option对象的两个重要属性,value和text,value属性表示标记中value所指定的值,可以通过脚本获取或设置这个值,text属性表示显示于界面中的文本,即和之间的部分,同样可以通过脚本获取或设置其值.\x0d\x0a例如:\x0d\x0a
苹果\x0d\x0a则value的值为”apple”,text的值为”苹果”.\x0d\x0a在旧版本的浏览器中,select对象的value对象的值是不可用的,因此要获得选中项的值,可以用如下语句代替:\x0d\x0asomeSelect.options[someSelect.selectedIndex].value
option、select对象的属性、方法和事件
option对象的属性
defaultSelect
selected
value
text
select对象的属性、方法和事件
blur()
focus()
form 表示选项菜单所在的表单
length选项菜单中选项的数目
name
options表示选项菜单中各选项的数组，该数组还有length和selectedindex子属性
事件
onfocus
onblur
onchange
type:如果select设置了multiple属性，则值为select-multiple,否则值为select-one
怎么动态设置select标签中option选项的selected属性
思路：通过for循环判断每个选项，一旦满足条件则设置其selected属性为true即可，关键代码： obj = document.getElementById(select_id);for(i=0;i
jquery选择器select option
应该使用
$('option:selected');
':selected'和$('[name="value"]')有什么区别呢:
':selected'是jQuery扩展的选择器,并不属于CSS选择器规范,? 仅适用于动态的获取选中的option. 请注意,你选中Select中的option时, 虽然select的状态发生了变化, 但html标记本身并不会变化.
而$('[name="value"]')的语法是jQuery的属性选择器, 遵循CSS选择器规范.? 属性选择器是严格和html标记相匹配的, 举个例子: $('input[type="text"]')会命中input type="text" 但是不会命中input , 虽然后者默认是text.
select
????option1option
????option?selected2option
????option3option
/select
$('option[selected]').text();
//页面加载后得到2
//手工选择1或者3后,?依然得到的是2.?选择select并不会修改html标记.
$('option[selected="selected"]').text();
//始终得到"",?虽然选项2的selected属性的确是selected,?但是请注意属性选择器是严格和html标记对应的.
$('option:selected').text();
//页面加载后得到2
//手工选择1得到1,选择3得到3.?正式期望的结果.这就是为什么jQuery会扩展出这个选择器.