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

javascript获取select的value值

2017-09-24 18:59 218 查看 
<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">

<title>javascript获取select选项的value</title>
</head>

<body>
<select id="fruit">
<option value="苹果">苹果</option>
<option value="香蕉">香蕉</option>
<option value="李子">李子</option>

</select>

<button type="submit" onclick="check()">查看选择</button>
</body>
<!-- 需要引入jquery-->
<script src="http://code.jquery.com/jquery-3.2.1.js" integrity="sha256-DZAnKJ/6XZ9si04Hgrsxu/8s717jcIzLy3oi35EouyE=" crossorigin="anonymous"></script>

<script type="text/javascript">
function check() {
var options = $("#fruit option:selected");
var choosefruit = options.val();
alert("你选择的水果是：" + choosefruit);
}
</script>

</html>

                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航