jsoptions方法（js中option的具体用法）

本文目录

• js中option的具体用法
• js中怎么获取option的值
• js中new Option的具体使用方法
• javascript函数里面的options参数的正确写法
• js中给select 添加options
• JS如何动态给select的option赋值
• 用js给select插入option
• js怎么得到option个数
• 怎么用js实现往select插入option

js中option的具体用法

Option 对象代表 HTML 表单中下拉列表中的一个选项。

在 HTML 表单中 《option》 标签每出现一次，一个 Option 对象就会被创建。

可通过表单的 elements 数组访问一个 Option 对象，或者通过使用 

document.getElementById()。

Option 对象的属性：

标准属性：

js中怎么获取option的值

《!doctype html》
《html》
《head》
《meta charset="utf-8"》
《title》无标题文档《/title》
《/head》
《body》
《select id="sel" onchange="cge()"》
   《option value="1"》4《/option》
   《option value="2"》5《/option》
   《option value="3"》6《/option》
《/select》
《/body》
《script》
function cge(){
var sel=document.getElementById(’sel’);
                var sid=sel.selectedIndex;
alert(sel.innerHTML);
}
《/script》
《/html》

jq的话就一句

$("#sel option:selected").text();

$("#sel option:selected").val();

js中new Option的具体使用方法

var opt = new Option(desc,val);
var sel = document.createElement("select");
sel .options.add(opt);

javascript函数里面的options参数的正确写法

《script type="text/javascript"》
function changeStyle(element, options) {
    options = options || {};
    for(var prop in options) {
        element.style;
    }
}
            
window.onload = function() {
    changeStyle(document.getElementById("myDiv"), {
        width: "500px",
        height: "500px",
        fontSize: "36px"
    });
}
《/script》

《div id="myDiv"》my div content《/div》

js中给select 添加options

《script type="text/javascript"》
function addList(){
var list = document.getElementById("list");
var bb=;
for(var i = 0; i 《bb.length; i++){
var newOption = document.createElement("option");
newOption.setAttribute("value", i);
newOption.appendChild(document.createTextNode(bb));
list.appendChild(newOption);
}
}
function clearList(){
var list = document.getElementById("list");
for(var i = list.options.length; i 》= 0; i--){
list.remove(i);
}
}
《/script》
《/head》
《body》
《select name="list" id="list" style="width:120px"》
《/select》
《input type="button" onclick="addList()" value="生成"/》
《input type="button" onclick="clearList()" value="清空" /》
《/body》

JS如何动态给select的option赋值

JS动态给select的option赋值的具体操作步骤如下：

1、首先我们打开JS软件，点击界面左上角file选项目录下的new选项，再选择java project 新建web项目操作。

2、操作上图后进入下图界面，输入项目名点击下一步直到完成。

3、建立完成后，项目结构如下图。

4、在超链接中设置调用函数用于更新option，代码如下图红框所选。

5、在change函数中获取seclect项，获取option的数量，遍历option获取选中的option更新选中项。

6、最后看一下运行的效果，此时我们可以动态输入数值给select的option赋值。

用js给select插入option

1、使用innerHTML

《script》
var shosetype=document.createElement("select"); //创建select标签   
shosetype.setAttribute("id","sc");//设置select的id为“sc"
document.body.appendChild(shosetype);//将select添加到body
var option="《option value=\"1\"》添加成功《/option》";//新建options
shosetype.innerHTML=option;//将option添加到select
《/script》

2、options.add

//根据select查找对象， 
var obj=document.getElementById(’mySelect’); //获取到id为’mySelect’的select元素
//添加一个选项 
obj.add(new Option("文本","值")); //添加select的options  这个只能在IE中有效 
obj.options.add(new Option("text","value")); //添加select的options  这个兼容IE与firefox

js怎么得到option个数

javascript获取select下option个数常用代码有：

obj = document.getElementById(select_id);
obj.length;
obj.options.length;
obj.children.length;

 实例演示：

1、HTML结构

《select id="test"》
《option value="1"》option-1《/option》
《option value="2"》option-2《/option》
《option value="3"》option-3《/option》
《option value="4"》option-4《/option》
《/select》《br》
《input type=’button’ value=’获取下拉列表项数目’ onclick="fun()"/》

2、javascript代码

function fun(){
obj = document.getElementById("test");
alert(obj.length);            // 方法1
alert(obj.options.length);    // 方法2
alert(obj.children.length);   // 方法3
}

3、演示效果（点击图片查看动态效果）

怎么用js实现往select插入option

《/script回答：document.getElementById(sect).value -----这是获得选中的值document.getElementById(sect).options------这是获得select中所有的值，是个数组追问既然是数组，那怎么遍历出来啊， 我这个是专门要获取用户在前台选择什么哪个，获取到我要去数据库里添加，这个就是个字段 你懂？ 写完整点回答那你就用第一个叫好啦document.getElementById(sect).value ，这个就获得的是用户选中的值追问我要获得option中间的文本，这下理解了吧？回答那就应该是var selectIndex = document.getElementById(sect).selectedIndex;//获得是第几个被选中了var selectText = document.getElementById(sect).options; //如果该sele是所有同名控件中的第一个的话.}追问第二个 sels 出来的是数组， 怎么遍历，详细点， 我上面的那个只是随便写了一个例子而已，其实我现在要做的是， 有一个增加的页面， 有用户名、手机号 还有这个select的标记，我要用js在用户点击提交的时候 我获取到他在前台点击的每个参数值，然后插入到数据库里，你理解嘛？写个详细的小例子，让我明白了就行，谢谢回答如果你的SELECT是单选的,不用遍历OPTIONS集合,直接通过SELECT的VALUE属性即可取到用户选择的值.如果是多选,就需要遍历.function foo(){var noties = document.frm.olala.value;var sel = document.frm.sele.value; // var sel = document.getElementById(’sect’).value;alert(document.getElementById(’sect’).options(i).selected);}}追问我不想弹框，我只想传值， 其实我想实现的目的 上次的追问已经告诉你了，我现在给你截个图，看看这个该怎么实现啊，上面是可查询可添加的， 选框和标签就那么几个， 你要有是点时间就把这个整个的html静态给我写个吧剩下的bug我来修改，我现在其实就差这个seect的option值了，不知道怎么获取到。 还有一个问，就是我页面上方 可查询、可添加，我想在它的下面显示添加后的信息列表或者是查询后的信息列表， 给你节截个图回答很难和你沟通,你说这么多都不知道说的是什么意思,你要提交到后台处理的东西为什么还要用JS来取值? 即然你看不懂我写的JS,那你就等别人来帮你解答好了. 我实在是没时间帮你写完一个页.