<head>
<title>This is a test!</title>
</head>
<body>
<form name="frm">
<select name="s1" onChange="redirec(document.frm.s1.options.selectedIndex)">
<option selected>请选择</option>
<option value="1">脚本语言</option>
<option value="2">高级语言</option>
<option value="3">其他语言</option>//下拉列表数据
</select>
<select name="s2">
<option value="请选择" selected>请选择</option>
</select>
</form>
<script language="javascript">
//获取一级菜单长度
var select1_len = document.frm.s1.options.length
var select2 = new Array(select1_len)
//把一级菜单都设为数组
for (i=0 i<select1_len i++)
{ select2[i] = new Array()}
//定义基本选项
select2[0][0] = new Option("请选择", " ")
select2[1][0] = new Option("PHP", " ")
select2[1][1] = new Option("ASP", " ")
select2[1][2] = new Option("JSP", " ")
select2[2][0] = new Option("C/C++", " ")
select2[2][1] = new Option("Java", " ")
select2[2][2] = new Option("C#", " ")
select2[3][0] = new Option("Perl", " ")
select2[3][1] = new Option("Ruby", " ")
select2[3][2] = new Option("Python", " ")
//联动函数
function redirec(x)
{
var temp = document.frm.s2
for (i=0i<select2[x].lengthi++)
{ temp.options[i]=new Option(select2[x][i].text,select2[x][i].value)}
temp.options[0].selected=true
}
</script>
</body>
</html>
<html><head>
</head>
<body>
<script language="JavaScript">
<!--
//第一维:第一个下拉列表的值
//第二维:表示下拉列表中看到的字符串
//第三维:表示下拉列表中的值
var subcat = new Array()
//如果大类的值是动态的,则可以通过数据库中取出作如下设置
//subcat[<%=count%>] = new Array('<%=trim(rs("leemaid"))%>','<%=rs("leemaconte nt")%>','<%=rs("leemacontent")%>')
subcat[0] = new Array('1','电视机','=1')
subcat[1] = new Array('1','电风扇','=2')
subcat[2] = new Array('1','电饭煲','=3')
subcat[3] = new Array('1','电炒锅','=4')
subcat[4] = new Array('1','电灯','=5')
subcat[5] = new Array('1','电脑','=6')
subcat[6] = new Array('1','电冰箱','=7')
subcat[7] = new Array('1','洗衣机','=8')
subcat[8] = new Array('1','微波炉','=9')
subcat[9] = new Array('1','VCD影碟机','=1')
subcat[10] = new Array('2','二极管','=11')
subcat[11] = new Array('2','三极管','=12')
subcat[12] = new Array('2','CMOS集成块','=13')
subcat[13] = new Array('2','电阻','=14')
subcat[14] = new Array('2','电容','=15')
subcat[15] = new Array('2','整流二极管','=16')
subcat[16] = new Array('2','整流桥','=17')
subcat[17] = new Array('2','可控硅','=18')
subcat[18] = new Array('2','电子q','=19')
subcat[19] = new Array('2','光敏二极管','=2')
function changeselect1(selectValue)
{
document.form1.s2.length = 0//初始化下拉列表 清空下拉数据
//document.form1.s2.options[0] = new Option('请选择二级小类','')//给第一个值
for (i=0 i<subcat.length i++)//legth=2
{
if (subcat[i][0] == selectValue)//[0] [1] 第一列 第二列
{
document.form1.s2.options[document.form1.s2.length] = new Option(subcat[i][1], subcat[i][2])
}
}
}
//-->
</script>
<form name="form1">
二级联动：
<select name="s1" onChange="changeselect1(this.value)">
<option>请选择一级大类</option>
<option value="1">家用电器</option>
<option value="2">电子元器件</option>
</select>
<select name="s2" onChange="alert(this.value)">
<option>请选择二级小类</option>
</select>
</form>
</html>
100分,100分,100分, 重要的事情说三遍..~
我来1个参考案例
效果图
参考代码
import java.awt.event.*import javax.swing.*
import java.awt.*
// 本来继承自JFrame .实现ActionListener接口
public class TextFrame extends JFrame implements ActionListener {
private final JTextArea jta
boolean isBold, isItalic
public TextFrame() {
jta = new JTextArea()
jta.setLineWrap(true) // 自动换行
Font font = new Font(Font.DIALOG, Font.PLAIN, 26)
jta.setFont(font)
JScrollPane jsp = new JScrollPane(jta)// 会自动生成滚动条的面板
add(jsp)
//菜单栏的创建和设置
JMenuBar menuBar = new JMenuBar()
JMenu menuFile = new JMenu("File")
JMenuItem jmia01 = new JMenuItem("About")
jmia01.addActionListener(this)
JMenuItem jmia02 = new JMenuItem("Exit")
jmia02.addActionListener(this)
menuFile.add(jmia01)
menuFile.add(jmia02)
JMenu menuFormat = new JMenu("Format")
JMenu menuColor = new JMenu("Color")
JMenuItem jmib01 = new JMenuItem("Blue")
jmib01.addActionListener(this)
JMenuItem jmib02 = new JMenuItem("Red")
jmib02.addActionListener(this)
JMenuItem jmib03 = new JMenuItem("Yellow")
jmib03.addActionListener(this)
menuColor.add(jmib01)
menuColor.add(jmib02)
menuColor.add(jmib03)
JMenu menuFont = new JMenu("Font")
JMenuItem jmic01 = new JMenuItem("Bold")
jmic01.addActionListener(this)
JMenuItem jmic02 = new JMenuItem("Italic")
jmic02.addActionListener(this)
menuFont.add(jmic01)
menuFont.add(jmic02)
menuFormat.add(menuColor)
menuFormat.add(menuFont)
menuBar.add(menuFile)
menuBar.add(menuFormat)
setJMenuBar(menuBar)//设置菜单栏
setTitle("文本编辑窗口") // 设置标题
setSize(520, 350)//设置窗口大小
setLocationRelativeTo(null)//设置窗口居中
setDefaultCloseOperation(EXIT_ON_CLOSE)//设置窗口点击关闭按钮时,退出
}
@Override
public void actionPerformed(ActionEvent e) {
String cmd = e.getActionCommand()// 获取ActionCommand ,用于判断是哪一个按钮被点击了
if (cmd.equals("Exit")) {
System.exit(0)
} else if (cmd.equals("About")) {
JOptionPane.showMessageDialog(this, "程序版本Ver1.0", "About", JOptionPane.INFORMATION_MESSAGE)
} else if (cmd.equals("Blue")) {
jta.setForeground(Color.BLUE)
} else if (cmd.equals("Red")) {
jta.setForeground(Color.RED)
} else if (cmd.equals("Yellow")) {
jta.setForeground(Color.YELLOW)
} else if (cmd.equals("Bold")) { // 第一次选择Bold 会加粗,第二次选择Bold会取消加粗
isBold = !isBold
if (isBold) {
jta.setFont(new Font(Font.DIALOG, Font.BOLD, 26))
} else {
jta.setFont(new Font(Font.DIALOG, Font.PLAIN, 26))
}
} else if (cmd.equals("Italic")) {
isItalic = !isItalic
if (isItalic) {
jta.setFont(new Font(Font.DIALOG, Font.ITALIC, 26))
} else {
jta.setFont(new Font(Font.DIALOG, Font.PLAIN, 26))
}
}
}
public static void main(String[] args) {
new TextFrame().setVisible(true)// 创建窗口设置可见
}
}
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）