如何使用JS获取下拉列表框的显示值

js获取下拉列表框文本值，例如下面的HTML代码：

<select onchange="isSelected(thisvalue);" id="city"> 

<option 

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

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

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

</select>

也就是说当用户选择“上海”这一列时，需要将“上海”这个名称保存起来。其实方法很简单。看下面javascript代码：

function isSelected(value) { 

var cityName; 

var city = 

documentgetElementById("city"); 

//获取选中的城市名称 

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

if(city[i]selected==true){ 

cityName 

= city[i]innerText; //关键点 

alert("cityName:" + cityName); 

} 

}

也可以这样做：

function isSelected(value) { 

var city = documentgetElementById("city"); 

alert(cityoptions[cityselectedIndex]innerText); 

}

大致解释一下，首先在HTML页面上有一个下拉框，并为此下拉框定了一个“city”的id，并为其绑定了一个onchange事件，通过此事件调用javascript函数。

在javascript函数当中，通过domcument对象获取当前下拉框的节点元素，由于节点的值并非只有一个，所以我们可以通过循环节点来得到每个选项的值。在循环的时候通过判断当前选项是否选中，如果选中则使用city[i]innerText

方式获取当前所选中的文本值。当然如果需要获取选项值，只需如此即可：city[i]value

至此，通过以上方法在IE下已能达到所要的结果。但是，在FIREFOX下测试时，发现此法不起作用，最后通过查阅资料发现另外一个方法。将city[i]innerText

改为 city[i]text即可。这种方法对IE及FIXEFOX都适用！

这个可以给你提供一些思路，select的onchange事件触发后，跳转到servlet，在servlet里选获取选中的值，把获取的值放到一个session里，再从servlet里面跳转到jsp页面，在页面用EL表达式获取session的值，在select下拉框里面判断，如果从session中取出来的值等于下拉框中option的value的值，就用selected使下拉框选中

由于代码太长，这里不让写那么多的字，也不能吧原代码复制下来，有什么不懂的可以加我QQ

1可以动态添加多个下拉框,可减少下拉框

2选中第一个下拉框的任意一个值，同时第三个下拉框的值跟着改变，显示对应的数据。

ps:what光动态添加就足以。。。。赋值还不能直接赋，而是添加下拉时就赋值。。。。。经过百般折磨，头发掉了n根，最终通过巧妙的思路解决了，在此记录下。若对你有所帮助，点赞加关注吧！后续及时更新。

第一个下拉选项显示

选择下拉项，同时加载数据到第三个下拉框

注：在这里直接去掉了第二行的标签

为了获取改变数据的行，试了很久，动态生成的下拉框无法获取到索引，所以才想到了使用id，并且给id后加一个数字

var select = documentgetElementById('select');

selectonchange = function(){

alert('1');

}

应该是你把

var index=documentgetElementById("count")selectedIndex;

var count=documentgetElementById("count")options[0]value;

这两句写在了文档的上方吧？也就是说这个select都还没加载进来的时候你就执行了这两条语句，自然就找不到这个标签了。

html里代码的执行是一遍编译一边执行，所以你把取值语句放在上面，赋值语句放在下面，那么它编译完取值语句时就直接执行了，但这时候赋值语句都还没有，自然就找不到这个值。你把它写在方法里之后，如果你调用方法的地方仍然是在select标签上面，那还是会提示找不到的。如果你是在它后面调用那就没有问题。

以上就是关于如何使用JS获取下拉列表框的显示值全部的内容，包括:如何使用JS获取下拉列表框的显示值、jsp页面JavaScript select 的onchange事件、JS与Jquery之动态添加下拉框select并级联改变事件等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！