如何让 select的那个请选择不被选中.获取选中的value值和html

获取select元素的选中项：

在HTML页面中，有时候会获取当前select元素中所选中的那个值和显示值。下面是一个例子：

<tr>

<th scope="row" width="15%" nowrap >目标字段</th>

<td><select name="idMbzd" style="width:25%" onchang=”on_idmbzd_change();”>

<option value=”1”>eg1</option>

<option value=”2”>eg2</option>

<option value=”3”>eg2</option>

</select>

</td>

</tr>

<script>

function on_idmbzd_change(){

var sel_obj = documentgetElementByIdx("idMbzd ");

var index = sel_objselectedIndex;

alert(sel_objoptions[index]value);

alert(sel_objoptions[index]text);

}

</script>

在这里，关键用到select对象的selectedIndex属性。表示被选中那个元素的索引，从0开始。

当然也可以遍历select元素的所有值。如下：

<script>

var len = sel_objoptionslength;

for(i = 0 ;i<len ;i++){

var value = sel_objoptions[i]value;

var view_value = sel_objoptions[i]text

}

</script>

也多说一下，可以动态添加他的元素，如下：

<script>

var voption = documentcreateElement("OPTION");

voptionvalue = "4";

voptiontext = "eg4";

sel_objadd(voption);

</script>

设置select元素的选中项：

方法有两种。

第一种通过<select>的属性来设置选中项，此方法可以在动态语言如php在后台根据需要控制输出结果。

< select id = "sel" >

< option value = "1" >1</ option >

< option value = "2" selected = "selected" >2</ option >

< option value = "3" >3</ option >

</ select >

第二种为通过前端js来控制选中的项:

< script type = "text/javascript" >

function change(){

documentgetElementById("sel")[2]selected=true;

}

</ script >

< select id = "sel" >

< option value = "1" >1</ option >

< option value = "2" >2</ option >

< option value = "3" >3</ option >

</ select >

< input type = "button" value = "修改" onclick = "change()" />

获取<select>标签选中项文本的js代码为:

var val = documentallItemoptions[documentallItemselectedIndex]text

var i=documentgetElementById( ‘sel‘ )options[documentgetElementById( ‘sel‘)selectedIndex]value;

一些其它 *** 作<select>标签的技巧如下：

1)动态创建select

function createSelect(){

var mySelect = documentcreateElement( "select" );

mySelectid = "mySelect" ;

documentbodyappendChild(mySelect);

}

2)添加选项option

function addOption(){

//根据id查找对象，

var obj=documentgetElementById( ‘mySelect‘ );

//添加一个选项

objadd( new Option( "文本" , "值" ));

}

3)删除所有选项option

function removeAll(){

var obj=documentgetElementById( ‘mySelect‘ );

objoptionslength=0;

}

4)删除一个选项option

function removeOne(){

var obj=documentgetElementById( ‘mySelect‘ );

//index,要删除选项的序号，这里取当前选中选项的序号

var index=objselectedIndex;

objoptionsremove(index);

}

5)获得选项option的值

var obj=documentgetElementById( ‘mySelect‘ );

var index=objselectedIndex; //序号，取当前选中选项的序号

var val = objoptions[index]value;

6)获得选项option的文本

var obj=documentgetElementById( ‘mySelect‘ );

var index=objselectedIndex; //序号，取当前选中选项的序号

var val = objoptions[index]text;

7)修改选项option

var obj=documentgetElementById( ‘mySelect‘ );

var index=objselectedIndex; //序号，取当前选中选项的序号

var val = objoptions[index]= new Option( "新文本" , "新值" );

8)删除select

function removeSelect(){

var mySelect = documentgetElementById( "mySelect" );

mySelectparentNoderemoveChild(mySelect);

jquary的一个调用形式是采用 $,就像javascript中的 dos一样。

例如：$("div")html("设置div元素中的值")

$("#divtest")html("设置ID为divtest元素中的值")

$("divtest")html("设置class为divtest元素中的值")

除以上之外，还有选择器，这里只说一种 $("li:last")css("background-color", "red");//选中 li列表中的最后一个，还可以 :first 表示第一个，等等。

当然还有很多其他的函数，例如val()获取值，remove()，删除等等

如果获取html本身，而不是获取html元素，那么应该是属于ajax中的内容。可直接使用load()等函数

举个例子，比如如下是HTML的结构：

这里推荐使用jQuery库，比较方便。以下是代码：

大致思路就是：先利用name属性值获取checkbox对象，然后循环判断checked属性。（true表示被选中，false表示未选中）

具体解释一下：

首先用documentgetElementsByName()这个方法，通过input标签的name属性将input元素获取，并存进obj这个变量值中。然后建一个check_val的数组，通过for循环将input标签的value值存入数组中，这样就可以获取checkbox的选中的多个值。

以上就是关于如何让 select的那个请选择不被选中.获取选中的value值和html全部的内容，包括:如何让 select的那个请选择不被选中.获取选中的value值和html、jquery 如何获取元素的html包括本身、html中怎么获取check选项个数等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！