select中onchange的用法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了select中onchange的用法相关的知识,希望对你有一定的参考价值。

你好,我看了你在这里的回答http://zhidao.baidu.com/question/262368706.html,想请问一下那个select中onchange的用法,不太理解 ,<select id="dept" onchange="cha" >,<select id="emp" onchange="emp" >中dept,cha,emp分别代表什么呢?还有前面那个String deptno=request.getParameter("deptno");中后面的deptno是从哪里传过来的呢?谢谢,下线等.....

用法:onchange 事件会在域的内容改变时发生。

onchange="SomejavascriptCode"

onChange事件只有在值改变时才可触发,所以必须在每一次选择时(尤其第一次)保证选择的值是改变的!

onmousedown 单击一次就查询一次,所以每选择一次就查询一次,增加了数据库的负担。每次选择至少要查询两次(一次是在数据库加载数据,一次是选择选项时又触发一次,)

咧:

<select name="expireDay" id="expireDay" class="form-control" 

onchange="searchChange(this.options[this.options.selectedIndex].value);">

<!-- <option value="" >---请选择---</option> -->

<option

<c:if test="$'0' == expireRemind.searchType">

selected

</c:if>

value="0">aa</option>

<option 

<c:if test="$'1' == expireRemind.searchType">

selected

</c:if>

value="1">bb</option>

</select>

可以显示和隐藏

function searchChange(obj)

if(obj=="0")

$('#expireDate').hide();

$('#soonExpireDay').show();

if(obj=='1')

$('#soonExpireDay').hide();

$('#expireDate').show();

扩展资料

通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。

是一种解释性脚本语言(代码不进行预编译)。

主要用来向HTML(标准通用标记语言下的一个应用)页面添加交互行为。 

可以直接嵌入HTML页面,但写成单独的js文件有利于结构和行为的分离。

跨平台特性,在绝大多数浏览器的支持下,可以在多种平台下运行(如Windows、Linux、Mac、androidios等)。

Javascript脚本语言同其他语言一样,有它自身的基本数据类型,表达式和算术运算符及程序的基本程序框架。Javascript提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。而变量提供存放信息的地方,表达式则可以完成较复杂的信息处理。

参考资料来源:百度百科-javascript

参考技术A //select中的onchange是在下拉框中所选的值发生变化时触发的事件。
//可以给onchange事件绑定一个方法,在onchange事件触发时会执行绑定的方法。

//示例:
//首先可以响应select的onchange事件来调用JS编写的事件响应函数,如
<select id="select1" name="select1" onchange="outputSelect();">
   <option>...
</select>
//然后编写事件响应函数:    
//如果select位于表单(form1)中,select的name为select1,则可使用如下方法:
//获得用户选中的项的索引
var index=window.document.form1.select1.selectedIndex;
//根据索引获得该选项的value值
var val=window.document.form1.select1.options[index].value;
//如果select并非表单元素,假设select的id为select1,则如下:
var index=window.document.getElementByIdx_xx_x("select1").selectedIndex;
var val=window.document.getElementByIdx_xx_x("select1").options[index].value;
//如果要输出选择结果,假设HTML中定义了一个<div id="output"></div>,则如下输出:
window.document.getElementByIdx_xx_x("output").innerText=val;
//一个示例:
function outputSelect()
//获取用户选中的项的索引
var index=window.document.getElementByIdx_xx_x("select1").selectedIndex;
//根据index获取选中项的value值
var val=window.document.getElementByIdx_xx_x("select1").options[index].value;
//根据index获取选中项的Text值,即在下拉列表中显示的选项文本
var vname=window.document.getElementByIdx_xx_x("select1").options[index].text;
//输出value : 
textdocument.getElementByIdx_xx_x("output").innerText=val " : " vname;

参考技术B <select id="dept" onchange="cha" >应该是
<select id="dept" onchange="cha();" >
id="dept"是表示当前下拉框的id, onchange="cha();" 是表示下拉框中所选中的值发生改变的时候出发cha()方法。。。。
String deptno=request.getParameter("deptno");中后面的deptno是从后台java代码中通过request传过来的参数。。这句代码的意思是获得参数为deptno的值,并赋给字符串deptno。。本回答被提问者采纳

以上是关于select中onchange的用法的主要内容,如果未能解决你的问题,请参考以下文章

AngularUI select2 onChange 方法

js 触发select onchange事件代码

jquery触发两次onchange事件

select标签新增选项option响应onchange事件

以编程方式更改值时触发 Dojo Select onChange 事件

以编程方式更改值时触发Dojo Select onChange事件触发