javascript中select的option操作，取value和text

2016-06-23 17:23:16 catherine

<!DOCTYPE html> <html> <head> <script src="https://code.jquery.com/jquery-3.0.0-rc1.js"></script> <script src="https://code.jquery.com/jquery-1.8.3.js"></script> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>JS Bin</title> </head> <body> <select id="test"> <option selected="selected" value="1">1111</option> <option value="2">21111</option> <option value="3">3111</option> <option value="4">411</option> </select> </body> </html> <script> var $test = $("#test"); var txt = 411; var options = $test[0].childNodes; [].slice.call(options).forEach(function(o, i) { var text = o.textContent; var value = o.value; if(text) { if(txt == text) { console.log(value); $(o).attr("selected", "selected"); } } }); </script>

分类: web

标签:

微信号：腾讯云折扣返现

技术讨论QQ群： 863102326

作者: catherine

搜索

study ab amap apache apahe awk aws bat centos CFS chrome cmd cnpm composer consul crontab css curl cygwin devops di docker docker,docker-compose ethereum excel fiddler fluentd framework front-end git gitgui github glide go golang gorm grafana gzip ioc item2 iterm2 javascript jenkins jsonp kafka laradock laravel larval linux liunux log mac mac, wi-fi macos magento mariaDB minikube mongoDB msp mysql netbeans nginx nodejs nohup npm nsq oracle php php-fpm php7 phpstorm php扩展 Protobuf python redis scp server shell soap socket socket5 sql sre ssdb ssh ssl study sublime swift system td-agent uml v2ray vagrant vagrnat vim vpn vue vue.js webpack webrtc websocket webtatic windows windows7 word wps xdebug yarn yii2 yum zookeeper 世界国家互联网以太坊分类前端小程序打印机排序算法搞笑权限粤语缓存网络虚拟机视频设计模式项目管理