OnChang方法

女爷i 2022-06-12 09:23 244阅读 0赞

The onchange event occurs when the content of a field changes.  
当一个对象的值改变时触发onchange事件

### Syntax语法 ###

οnchange="所要执行的脚本"

<table> 
 <tbody> 
  <tr> 
   <th align="left">Parameter<br> 参数</th> 
   <th align="left">Description<br> 注释</th> 
  </tr> 
  <tr> 
   <td>SomeJavaScriptCode<br> 所要执行的脚本</td> 
   <td>Required. Specifies a JavaScript to be executed when the event occurs.<br> 必选项。当事件被触发时所要执行的脚本</td> 
  </tr> 
 </tbody> 
</table>

**Supported by the following HTML tags:所支持的HTML标签：**

<table> 
 <tbody> 
  <tr> 
   <td> <p>&lt;input type="text"&gt;, &lt;select&gt;, &lt;textarea&gt;</p> <p>即分别为文本输入框，下拉选择列表，区域文本</p> </td> 
  </tr> 
 </tbody> 
</table>

**Supported by the following JavaScript objects:所支持的JavaScript对象：**

<table> 
 <tbody> 
  <tr> 
   <td>fileUpload, select, text, textarea</td> 
  </tr> 
 </tbody> 
</table>

--------------------

### Example实例 ###

In this example we will execute some JavaScript code when a user changes the content of an input field:  
在下面的例子中，当用户改变文本框的值时将执行一些JavaSript代码：

<table> 
 <tbody> 
  <tr> 
   <td> <pre>&lt;html&gt;
&lt;head&gt;
&lt;script type="text/javascript"&gt;
function upperCase(x)
{
var y=document.getElementById(x).value
document.getElementById(x).value=y.toUpperCase()
}
&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;

输入些字母：
&lt;input type="text" id="code"
οnchange="upperCase(this.id)"&gt;
&lt;/body&gt;
&lt;/html&gt;</pre> </td> 
  </tr> 
 </tbody> 
</table>

**下面实例为在Select中使用onchange事件:**

如果直接在select 中使用，即可  
<select **οnchange="txt.value+=this.options\[this.options.selectedIndex\].value;this.options\[0\].selected=true;">**

以上为普众范例

**范例二：**