jsp页面JavaScript select 的onchange事件

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

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

你好！！

朋友，你的代码修改一处地方就可以正常运行了！

就是下面$('#sheng[name="sheng"]')------>>这里的name属性值需要用引号引起来哈！

<script type="text/javascript">

    $(document)ready(function() {

              $('#sheng[name="sheng"]')change(function(){

                  var name = thisval();

                      alert(name);   

              });

  });

</script>

//select中的onchange是在下拉框中所选的值发生变化时触发的事件。

//可以给onchange事件绑定一个方法，在onchange事件触发时会执行绑定的方法。

//示例：

//首先可以响应select的onchange事件来调用JS编写的事件响应函数，如

<select id="select1" name="select1" onchange="outputSelect();">

<option>

</select>

//然后编写事件响应函数：

//如果select位于表单（form1）中，select的name为select1，则可使用如下方法：

//获得用户选中的项的索引

var index=windowdocumentform1select1selectedIndex;

//根据索引获得该选项的value值

var val=windowdocumentform1select1options[index]value;

//如果select并非表单元素，假设select的id为select1,则如下：

var index=windowdocumentgetElementByIdx_xx_x("select1")selectedIndex;

var val=windowdocumentgetElementByIdx_xx_x("select1")options[index]value;

//如果要输出选择结果，假设HTML中定义了一个<div id="output"></div>，则如下输出：

windowdocumentgetElementByIdx_xx_x("output")innerText=val;

//一个示例：

function outputSelect(){

//获取用户选中的项的索引

var index=windowdocumentgetElementByIdx_xx_x("select1")selectedIndex;

//根据index获取选中项的value值

var val=windowdocumentgetElementByIdx_xx_x("select1")options[index]value;

//根据index获取选中项的Text值，即在下拉列表中显示的选项文本

var vname=windowdocumentgetElementByIdx_xx_x("select1")options[index]text;

//输出value :

textdocumentgetElementByIdx_xx_x("output")innerText=val " : " vname;

逻辑上有点问题

求和的地方不能在这里计算

可以用离开焦点事件

当焦点离开配货量的文本框的时候

再求一次和 （配货量为空的文本框 不累计）

或者也可以增加一个求和按钮

最近收到一份需求，需求中有一个小功能点类似有好多种水果，选择其中一个水果就在其下方位置显示这个水果的说明。

需求要求所有水果都是单选，但这个页面主要是在手机上显示的，那水果一多岂不是滑到底都要滑半天？于是我寻思着把单选水果改成下拉选项，这样水果再多也就占页面一点点位置。

说干就干，先写个html：

然后让下面detail的值先隐藏。

这个时候页面样子是这样的：

接下来就要开始写js了，js这块我比较弱，我的想法呢就是先拿到前面那个select下面option的index，然后根据index的值显示对应的li。

但是怎么拿到呢？我本来想找找有没有JQuery的方法可以获取到option的index的，但是翻查了半天的资料和别人的解决方案，不是看不懂就是设置了不生效正在我灰心的时候，我在菜鸟教程上看到了解决方案，原来一句话就可以了：

那么怎么在每次下拉的时候都输出对应的index呢，这里我们就要设置一个onchange事件了。当下拉框发现变化的时候，输出对应的index，然后再将index关联到后面的li上面，就可以做到选中一个水果，显示对应的说明啦：

最后的效果图就是下面这样：

onchange从这个名称就可以看出，只有在select的选项有改变（change）的时候才会触发这个事件的。一般情况下select的第一个选项是默认选项，当你选中第一个项时，由于值没有改变，所以是不会触发onchange事件的。解决这个问题并没有什么完美的办法，一般你可以增加一个空值的项作为第一选项，比如<option>请选择</option>，这样原来的第一项就变成了第二项，点击该项值就有所改变了，就会触发onchange事件了；或者把除第一项外的其他项设为默认值，这样点击第一项也会触发事件的。

以上就是关于jsp页面JavaScript select 的onchange事件全部的内容，包括:jsp页面JavaScript select 的onchange事件、如何取jquery change()移开触发事件取select下拉框option值、select中onchange的用法等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！