select下拉框选中值

最新推荐文章于 2022-08-31 11:04:35 发布

qq_41067386

最新推荐文章于 2022-08-31 11:04:35 发布

阅读量375

点赞数

分类专栏： HTML 文章标签： selected

本文链接：https://blog.csdn.net/qq_41067386/article/details/79234184

版权

HTML 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

   <!DOCTYPE html> 
 

   < 
  html 
  lang= 
  "en"> 
 

   < 
  head> 
 

   < 
  meta 
  charset= 
  "UTF-8" /> 
 

   < 
  title>select下拉框状态切换及选中值</ 
  title> 
 

   </ 
  head> 
 

   < 
  body> 
 

   < 
  select 
  name= 
  "select" 
  id= 
  "select-id"> 
 

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

   < 
  option 
  value= 
  "0">0-0</ 
  option> 
 

   < 
  option 
  value= 
  "1">1-1</ 
  option> 
 

   < 
  option 
  value= 
  "2">2-2</ 
  option> 
 

   < 
  option 
  value= 
  "3">3-3</ 
  option> 
 

   </ 
  select> 
 

   < 
  script 
  src= 
  "./jquery.min.js"></ 
  script> 
 

   < 
  script 
  type= 
  "text/javascript"> 
 
 
  // 选择时打印所选值和value 
 
 
  $( 
  '#select-id'). 
  change( 
  function(){ 
 
 
  var selecttext 
   = 
  $( 
  '#select-id'). 
  find( 
  'option:selected'). 
  text(); 
 
 
  var selectval 
   = 
  $( 
  '#select-id'). 
  find( 
  'option:selected'). 
  val(); 
 
 
  console. 
  log( 
  '选中文字为' 
  +selecttext); 
 
 
  console. 
  log( 
  '选中value值为' 
  +selectval); 
 

   }) 
 

   </ 
  script> 
 

   </ 
  body> 
 

   </ 
  html> 
 

qq_41067386

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
select下拉框选中值

html lang="en">head>meta charset="UTF-8" />title>select下拉框状态切换及选中值title>head>body>select name="select"id="select-id">option value="">请选择option>option value="0">0-0option>option val
复制链接

扫一扫