HTML元素

combobox 控件

 

 

China US UK France Japan

 

选中某一项目：

 

 

Person1 Person2 selected = 'selected'>Person3

 

document.getElementById('personlist').value=17;

document.getElementById('personlist').selectedIndex=2;

 

单选控件

 

 

A

B

C

D

 

 

CSS接口

input[type="radio"][name="xxx"]:checked

这样可以实现单选按钮，那我怎么知道哪个选中了？

最简单遍历所有radio，获取checked属性，为true则选中

我想也可以这样吧 document.querySelector('input[type="radio"][name="xxx"]:checked')

 

上传文件

html:

 

 

 

js:src是读出来的文件绝对路径

var uploader = document.getElementById('iconUploader');

uploader.onchange = function (e){

var event = e||window.event;

var fileReader = new FileReader();

            var file = event.target.files[0];

            fileReader.readAsDataURL(file);

            fileReader.onloadend = function(oFRevent){

                var src = oFRevent.target.result;

                callback(src);

         }

 

}

uploader.click();

 

 

先发load再发loadend事件

readAsText fileReader.result是文件内容

readAsDataURL fileReader.result 是base64编码表示的内容

如果文件是图片，那么就是

data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAUDBAQ...