首页 > 其他分享 >js select option 选中触发事件

js select option 选中触发事件

时间:2023-07-08 21:33:43浏览次数:36  
标签:function option val cc 456 js jsp 111 select

<HTML>
  <HEAD>
   <script>
   function cc(val){
     alert(val);
      }
   </script>

  </HEAD>
  <BODY>
   <form id="formid">
   <!-- 下面是得到 option 中的内容 -->
   <!--
    <select οnchange="cc(this[selectedIndex].innerHTML);">
   -->
    <!-- 下面是得到 option 中value的值 -->
      <select οnchange="cc(this[selectedIndex].value);" size="2">
      <option value="aaa">123</option>
      <option value="bbb">456</option>
      <option value="ccc">789</option>
      <option value="ddd">111</option>
      </select>
   </form>
  </BODY>
 </HTML> 
 
补充说明:把拿到的值传到另一个jsp页面。
 
 
 
下面是两个jsp页面:a.jsp和b.jsp。由a.jsp 跳转到b.jsp
 
a.jsp
 
<HTML>
  <HEAD>
   <script>
   function cc(val){
 //    alert(val);
     document.getElementById("hiddenid").value=val;
      }
   </script>

  </HEAD>
  <BODY>
   <form id="formid" action="b.jsp" method="post">
   <!-- 下面是得到 option 中的内容 -->
   <!--
    <select οnchange="cc(this[selectedIndex].innerHTML);">
   -->
    <!-- 下面是得到 option 中value的值 -->
      <select οnchange="cc(this[selectedIndex].value);" size="1">
      
      <option value="aaa">123</option>
      <option value="bbb">456</option>
      <option value="ccc">789</option>
      <option value="ddd">111</option>
      </select>
      <input id="hiddenid" type="hidden" name="hiddenid" value="">
      <input type="submit" value="提交">
   </form>
  </BODY>
 </HTML> 

b.jsp
 
 
<HTML>
  <HEAD>
  </HEAD>
  <BODY>
 <%
         String strname=request.getParameter("hiddenid");
         out.print(strname);
 %>
  </BODY>
 </HTML>

标签:function,option,val,cc,456,js,jsp,111,select
From: https://blog.51cto.com/u_16179085/6663487

相关文章

  • js 对文字排序和对数字排序
    1、对文字排序 <html><body><scripttype="text/javascript">vararr=newArray(6)arr[0]="George"arr[1]="John"arr[2]="Thomas"arr[3]="James"arr[4]="Adrew"arr......
  • js 如何使用 join() 方法将数组的所有元素组成一个字符串。
    <html><body><scripttype="text/javascript">vararr=newArray(3);arr[0]="George"arr[1]="John"arr[2]="Thomas"document.write(arr.join());document.write("<br/>&q......
  • js 刷新页面方法大全
    <!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><head><title>NewDocument</title><scriptlanguage="JavaScript">......
  • .net core 6.0 mvc js对文件分片上传文件+控制器合并文件保存
    js,通过ajax将文件分片提交  遇到问题:.netcore6.0mvc上传文件位置主文件夹下的\bin\Debug\net6.0 文件访问不了问题在startup配置#region让upload文件夹可以外部访问stringsUploadPath="/upload";stringsFDir=ToolsBasic.UsPath(sUploadPath);if(!Direc......
  • node.js 创建微服务器
    consthttp=require('http');consthostname='127.0.0.1';constport=3000;constserver=http.createServer((req,res)=>{res.statusCode=200;res.setHeader('Content-Type','text/plain');res.end(&......
  • web中间件漏洞之(3)fastjson反序列化漏洞
    引言fastjson可以将Java对象序列化为json格式,也可将json反序列化为Java对象。在请求包里面中发送恶意的json格式payload,fastjson在处理json对象时使用了autotype机制,允许在反序列化时通过@type指定反序列化的类,调用指定类的set和get方法。攻击者可以通过rmi或ldap服务,将ldap......
  • js 对象的键名如何设定成变量
    在JavaScript中,你可以使用以下两种方式将对象的键名设定为变量。使用计算属性名:使用方括号[]语法来动态设置对象的键名。你可以将变量放在方括号内作为键名。示例代码如下:constkey='name';constvalue='Alice';constobj={[key]:value};console.log(ob......
  • nvm一个nodejs版本管理工具!
    nvm是什么nvm全英文也叫node.jsversionmanagement,是一个nodejs的版本管理工具。nvm和n都是node.js版本管理工具,为了解决node.js各种版本存在不兼容现象可以通过它可以安装和切换不同版本的node.js。nvm下载可在点此在github上下载最新版本,本次下载安装的是windows版本。目前......
  • http 和 https区别,自动携带cookie的session对象,响应response,下载图片视频到本地,编码
    1.1自动携带cookie的session对象#session对象----》已经模拟登录上了一些网站---》单独把cookie取出来 -res.cookies-转成字典res.cookies.get_dict()#请求头和数据importrequestsheader={'Referer':'http://www.aa7a.cn/user.php?&ref=http%3A%2F%2......
  • ajax & json 总结
    1.1.1摘要Ajax技术的核心是XMLHttpRequest对象(简称XHR),可以通过使用XHR对象获取到服务器的数据,然后再通过DOM将数据插入到页面中呈现。虽然名字中包含XML,但Ajax通讯与数据格式无关,所以我们的数据格式可以是XML或JSON等格式。XMLHttpRequest对象用于在后台与服务器交换数据,具体作用......