用Dojo Select的option属性实现下拉框联动

原创

于 2021-10-22 14:53:43 发布 · 330 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#css #css3 #html

本文详细介绍了如何利用Dojo Select组件的option属性来创建联动效果的下拉选择框，通过CSS和HTML的配合，实现动态交互的用户界面。

源代码如下



<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>Demo: Dijit Select using options</title>
	<link rel="stylesheet" href="css/demo.css" media="screen">
	<link rel="stylesheet" href="dijit/themes/claro/claro.css" media="screen">
</head>
<body class="claro">
<div style="width:540px;">
	<h1 style="text-align: center;">Programmatic Example</h1>
	<div style="width:33%;float: left;">
		<h1>Select</h1>
		<label for="stateSelect1">State:</label>
		<div id="stateSelect1"></div>
	</div>
	
	<div style="width:33%;float: right;"><h1>Values:</h1>
		<div><strong>value:</strong> <span id="value"></span></div>
		<div><strong>displayedValue:</strong> <span id="displayedValue"></span></div>
		<h5>*Note how the s

最低0.47元/天解锁文章