JS文本框追加多个下拉框的值的简单实例

这篇文章介绍了JS文本框追加多个下拉框的值的例子,有需要的朋友可以参考一下
 
复制代码 代码如下:

<HTML>  
 <HEAD>  
  <TITLE> New Document </TITLE>  
  <META NAME="Generator" CONTENT="EditPlus">  
  <META NAME="Author" CONTENT="">  
  <META NAME="Keywords" CONTENT="">  
  <META NAME="Description" CONTENT="">  
<script language="javascript">
function doit(ofrm){
   //ofrm.t1.value=parseInt(ofrm.s1.value)+parseInt(ofrm.s2.value)+parseInt(ofrm.s3.value)+parseInt(ofrm.s4.value);
 ofrmofrm.t1.value=ofrm.s1.value+ofrm.s2.value+ofrm.s3.value+ofrm.s4.value;
}
</script> 
 </HEAD>  
 <BODY>  
<form name="tfrm">
<select name="s1" onChange="javascript:doit(this.form);">
<option value="*" selected>请选择</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<select name="s2" onChange="javascript:doit(this.form);">
<option value="*" selected>请选择</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<select name="s3" onChange="javascript:doit(this.form);">
<option value="*" selected>请选择</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<select name="s4" onChange="javascript:doit(this.form);">
<option value="*" selected>请选择</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<input type="text" name="t1" value="">
</form>
 </BODY>  
</HTML>

时间: 2024-08-02 19:21:40

JS文本框追加多个下拉框的值的简单实例的相关文章

JS文本框追加多个下拉框的值的简单实例_javascript技巧

复制代码 代码如下: <HTML>    <HEAD>     <TITLE> New Document </TITLE>     <META NAME="Generator" CONTENT="EditPlus">     <META NAME="Author" CONTENT="">     <META NAME="Keywords&q

jsp-JSP包含一个下拉框和一个文本框,如何根据下拉框的值判断文本框是否必填?

问题描述 JSP包含一个下拉框和一个文本框,如何根据下拉框的值判断文本框是否必填? 如题,下拉框有1,2,3,4,5 五个选项,怎么判断下拉框的值,让选择1选项的时候必须填文本框的值,否则不必填.需要在JSP页面上实现. 解决方案 服务器端和客户端都要验证一遍.. <form method="post" onsubmit="return check(this)"> <select name="tp"><option

js实现带搜索功能的下拉框实时搜索实时匹配_javascript技巧

1. 当select输入框中每输入一点内容的时候,在option中找出与内容匹配的选项显示在option的前面选项中. 2. 如何获取每次输入的内容,当keyup的时候触发函数. 问题:select标签中可以输入内容吗?(解决:另一篇文章可选择和输入的下拉列表框 ) 3. 如何获得输入框中的内容?(解决,在输入框上添加onkeyup时间触发的函数用js获得) 4. 如何匹配?(解决) 4.1 如何获得所有option中的内容?(解决) 复制代码 代码如下: function getSelectT

百度下拉框营销失效搜狗下拉框营销崛起

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 越来越多的企业去重视百度下拉框这个位置的营销,因为这些位置的确为企业获得了不少的流量,以及潜在的客户.但是由于前一段时间CCTV对百度的大肆曝光,似的百度不得不更加的严谨起来,稍有不慎,搜索引擎老大的位置恐怕会开始晃动. 能让百度害怕的不仅仅是用户,还有跟随在百度后面的搜索引擎,最有潜力的要数搜狗搜索引擎了,在百度一直的压制下,搜狗搜索引擎的

mfc 下拉框-MFC怎么屏蔽下拉框中的选项

问题描述 MFC怎么屏蔽下拉框中的选项 当外部有复选框被选中时,让下拉框里边的部分选项不能被选择.怎么获得下拉框中选项的地址. 解决方案 这个要自己子类化等方式来自己实现Combobox,才能特定屏蔽选项等 解决方案二: 很久没搞这个了.不知道是否可以选择之后处理或者重新加载下拉选择. 解决方案三: 当需要改变下拉框中的的选项时,可以考虑把下拉框清空(ResetContent),重新填入你想要显示的数据就行了.

flex dataGrid 下拉框列中,下拉框选项看不到,选择一个之后在label中可以看到。有没有高手知道?

问题描述 下拉框选项看不到任何东西. 选中第二个,出现下图的效果:代码如下: <?xml version="1.0" encoding="utf-8"?><mx:HBox xmlns:mx="http://www.adobe.com/2006/mxml"    width="100%" paddingLeft="3" horizontalAlign="center"&g

【js:片断】jQuery 设置 select 下拉框的选中状态

<mce:script type="text/javascript"><!-- function change(objID, newValue) { var obj = $("#" + objID); if (!obj) { alert("对象为空,执行返回!"); return; } var options = obj.find("option"); options.each(function (i) {

js jq-如何实现下拉框点击一个选项,该选项的内容显示在文本框中?

问题描述 如何实现下拉框点击一个选项,该选项的内容显示在文本框中? <div class="input-group"> <input class="form-control select_of_input"> <div class="input-group-btn"> <button type="button" class="btn btn-default dropdown-

基于jquery的无限级联下拉框js插件_jquery

灵活性方面考虑了比较多的方面,提供了几个重要的配置方便在各类环境下使用,欢迎各位童鞋使用,源码完全开放.开发这个插件的缘于前段时间维护一个4级级联下拉框被里面200行代码及复杂的结构和bug所郁闷(之所以这么多代码是因为该级联下拉框有时只出现2个或3个),想到这类的需求其实经常都能遇到,jquery里没有这样比较好的插件,索性自己开发个.源代码并不复杂,稍微复杂的地方在第二个插件使用了缓存,造成理解起来十分困难,后面会做些解释. 插件一:适合在不与服务器进行AJAX交互情况使用,需预先将所有下拉