js中怎么得到select的值

<select id="fruit">

<option value="apple">苹果</option>

<option value="pear">梨子</option>

<option value="peach">桃子</option>

<option value="banana">香蕉</option>

</select>

取值：

documentgetElementById('fruit')value;

思路：通过id获取<select>对象，然后循环获取select对象的option的文本值，关键代码如下：

obj = documentgetElementById(select_id);

str = [];

for(i=0;i<objlength;i++)

  str[i] = obj[i]text;

下面进行实例演示：

1、HTML结构

<select id="test">

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

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

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

</select>

<input type='button' value='获取' onclick="fun()"/>

2、javascript代码

function fun(){

obj = documentgetElementById("test");

str = [];

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

str[i] = obj[i]text;

}

alert(str)

}

3、点击按钮后显示获取到的下拉列表项数组元素

var str1 ;

var myCheckbox1 = documentgetElementsByName("taskCrcletime");

for(var i=0;i<myCheckbox1length;i++){

if(myCheckbox1[i]value == 4){

str1 += myCheckbox1[i]value;

documentgetElementsByName("taskCrcletime")checked = true;

}

}

javascript获取select下option个数常用代码有：

obj = documentgetElementById(select_id);

objlength;

objoptionslength;

objchildrenlength;

实例演示：

1、HTML结构

<select id="test">

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

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

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

<option value="4">option-4</option>

</select><br>

<input type='button' value='获取下拉列表项数目' onclick="fun()"/>

2、javascript代码

function fun(){

obj = documentgetElementById("test");

alert(objlength);            // 方法1

alert(objoptionslength);    // 方法2

alert(objchildrenlength);   // 方法3

}

3、演示效果（点击查看动态效果）

以上就是关于js中怎么得到select的值全部的内容，包括:js中怎么得到select的值、js如何取select的值，并输出为一个数组、JS 如何获取SELECT标签下value值等于4的option 并且让此option处于选中状态 只支持javascript等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！