js with-CSDN博客

本文链接：https://blog.csdn.net/dq201/article/details/83974349

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
<script>
/**
new option(descript,value);

Option是select中的选择项,descript是页面中看到的描述,而value是这一项的值,比如 
<option value="这里是value">这里是descript</option> 

new option(); 一般用在动态生成选择项目 

**/
var m_list=[[1,2,3,45,666,77]];

function change()
{
	var e = document.myform.elements["jx"];
    e.innerHTML = "";
    with(e)//look here,with 用于简化代码;表示在with语句中的任何表达式的所属对象或者是类都由with后紧跟的变量所代表 
	{
		options[0] = new Option("选择机型", "");//e元素下的options

		var d = m_list[0];
    	var idx = 0;
        for(var i in d)
    	{
    		if(d[i].length < 1){
				continue;
			}
    		var y = "--" +d[i] + "--";
    		options[idx++] = new Option(y, d[i]);
    	}
    }
}

function showValue(sel){
	if(sel){
		with(sel){//
			alert(value);//select元素的value,相当于document.getElementById('jx').value;
		}
	}
}
</script>
 </HEAD>

 <BODY>
  <form name='myform'>
	<select name="jx" onchange='javascript:showValue(this)'>------------</select>
	</br>
	<input type='button' value='Add Select Option' onclick='javascript:change();'>
  </form>
 </BODY>
</HTML>