JavaScript中select、js对象、js数组复合操作

最新推荐文章于 2023-10-28 16:41:03 发布

Star_0304

最新推荐文章于 2023-10-28 16:41:03 发布

阅读量513

点赞数

分类专栏： JavaScript

JavaScript 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

标签： js

<html>
<head>
<script>
function get(){
   var l = document.getElementById('isBeingFile');
   var objFileList = new Array(); //定义数字，存放对象的值
   for(var i=0;i<l.options.length;i++)//读取select的值
   {
    var fileid = l.options[i].value;//得到select的value值
    var filename = l.options[i].text;//得到select的text值
    var objFile = new Object();   //定义js对象
    objFile.id = fileid; //id为obj对象属性
    objFile.name = filename;//name为obj对象属性
    objFileList.push(objFile); //将对象存放到数组中
    }
   var content = "";
    for(var j=0;j<objFileList.length;j++){//读取数组里面对象
           var id = objFileList[j].id; //读取obj中属性id的值
           var name = objFileList[j].name; //读取obj中属性name的值
           content += "value："+id+"、text："+ name +"<br />";
    }
   document.write(content) ;
}
</script>
<body onLoad="get();">

<select id="isBeingFile">
    <option value="1">一</option>
    <option value="2">二</option>
    <option value="3">三</option>
    <option value="4">四</option>
    <option value="5">五</option>
</select>
</body>
</html>