您的位置：首页 > Web前端 > JQuery

jquery获取下拉框的值

2014-03-25 13:49 381 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>无标题文档</title>

  <style>

  div { color:red; }

  </style>

  <script src="jquery-1.8.0.js"></script>

  <script type="text/javascript">

    $(function(){
   $("select").change(function () {

          var str = "";

          $("select option:selected").each(function () {

                str += $(this).text() + " ";

              });

          //$("div").text(str);
 alert(str);

        })

        .change();

})

       

    

  </script>

</head>

<body>

   <select name="sweets" >

    <option>Chocolate</option>

    <option selected="selected">Candy</option>

    <option>Taffy</option>

    <option>Caramel</option>

    <option>Fudge</option>

    <option>Cookie</option>

  </select>

  <div></div>

</body>

</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航