模似下拉列表框

最新推荐文章于 2024-07-30 10:56:44 发布

fengkuangshl

最新推荐文章于 2024-07-30 10:56:44 发布

阅读量77

点赞数

文章标签： javascript 下拉列表框 ViewUI

本文链接：https://blog.csdn.net/fengkuangshl/article/details/84421392

版权


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>selected</title>
<script type="text/javascript" src='selected1.js'></script>
</head>
<body>
<TABLE style="WIDTH: 100%">
        <TBODY>
            <TR>
                <TD>     </TD>
                <TD id='dd'> </TD>
            </TR>
            <TR>
                <TD>     </TD>
                <TD id='ff'> </TD>
            </TR>
             <TR>
                <TD>     </TD>
                <TD id='hh'> </TD>
            </TR>
        </TBODY>
    </TABLE>
	</TABLE>
	<SCRIPT>


		//设置样式传入方式
		var a = new SelectDiv("中国人", "ff", "", true);
		a.addOption("江西省", "jx");
		a.addOption("福建省", "fj");
		a.addOption("浙江省", "zj");
		a.addOption("江苏省", "js");
		a.addOption("辽宁省", "ln");
		a.addOption("广东省", "gd");
		a.addOption("西藏自治区", "xz");
		a.addOption("宁夏回族自治区", "nx");
		a.addOption("内蒙古自治区", "nmg");
		a.addOption("广西壮族自治区", "gx");
		a.addOption("新疆维吾尔自治区", "xj");
		a.saveSelf();		
		var s = SelectDiv.getCreateObj('中国人');
		a.addOption("陕西省", "sx");

		var b = new SelectDiv("民族", "dd", "300px");
		b.addOption("布依族", "jx");
		b.addOption("阿昌族", "fj");
		b.addOption("白族", "zj");
		b.addOption("彝族", "js");
		b.addOption("满族", "ln");
		b.addOption("回族", "gd");
		b.setValue('gd;fj;jx;');
		var s = SelectDiv.getCreateObj('民族');

		//设置样式传入方式
	    var s = new SelectDiv("Test", "hh", "300px",false,true);
	    s.addOption("江西省", "jx");
	    s.addOption("福建省", "fj");
	    s.addOption("浙江省", "zj");
	    s.addOption("江苏省", "js");
		//alert(s);
		function getAllSelectItemDivId() {
			var item = a.getAllSelectItemDiv();
			alert("size:" + item.length);
			for ( var i = 0; i < item.length; i++) {
				alert(item[i].id);
			}
		}
		function getAllCheckBox() {
			var cb = a.getAllCheckBox();
			alert("size:" + cb.length);
			for ( var i = 0; i < cb.length; i++) {
				alert(a.getSelectItemText(cb[i].value).innerText + "-->"
						+ cb[i].value);
			}
		}
		function getAllSelectNames(){
			var sName = b.getSelectNameList();
			for ( var i = 0; i < sName.length; i++) {
				var name = sName[i];
				alert(name);
			}
		}
	</SCRIPT>
	<br />
	<input onclick="javascript:alert(s.getValue())" type="button" id="ww"
		value=取得选择后的值 />
	<br></br>
	<input onclick="s.setValue('jx;js;xj;fj;zj;')" type=button value=设置值默认值 />
	<br></br>
	<input onclick="getAllSelectItemDivId()" type=button
		value=获取下拉列表框中每一项Div的Id />
	<br></br>
	<input onclick="getAllCheckBox()" type=button value=获取下拉列表框中每一项的值和文本信息 />
	<br></br>
    <input onclick="getAllSelectNames()" type=button value=获取目前所创建的下拉表框的所有名字 /><br><br>
    <input onclick='a.clearSelectListDiv()'type="button" value="清空下拉列表框以及所选种的对象" />
</body>
</html>