JavaScript質問スレ
192 ：Name_Not_Found：
>>191 用語は正確にしようね。ホレ。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html><head><title>???</title>
<script type="text/javascript">
var vals = [['a11','a12','a13'],['i11','i12','i13'],['u11','u12','u13']];
var txts = [['あ1','あ2','あ3'],['い1','い2','い3'],['う1','う2','う3']];
var dsps = [['A1','A2','A3'],['I1','I2','I3'],['U1','U2','U3']];
var disp = ['未選択'];
function change() {
var s1 = document.forms[0].elements[0], s2 = document.forms[0].elements[1];
var v = vals[s1.selectedIndex], t = txts[s1.selectedIndex];
s2.options.length = 0;
for(var i = 0; i < v.length; ++i)
s2.options[s2.options.length] = new Option(t[i], v[i], false, false);
s2.selectedIndex = 0; disp = dsps[s1.selectedIndex]; change2();
}
function change2() {
var s2 = document.forms[0].elements[1], i1 = document.forms[0].elements[2];
i1.value = disp[s2.selectedIndex];
}
</script>
</head><body><form action="#"><p>
<select onchange="change()" name="s1">
<option value="a1">あ</option><option value="i1">い</option>
<option value="u1">う</option></select>
<select onchange="change2()" name="s2">
<option value="undef">未選択</option></select>
<input name="i1" type="text">
</p></form></body></html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html><head><title>???</title>
<script type="text/javascript">
var vals = [['a11','a12','a13'],['i11','i12','i13'],['u11','u12','u13']];
var txts = [['あ1','あ2','あ3'],['い1','い2','い3'],['う1','う2','う3']];
var dsps = [['A1','A2','A3'],['I1','I2','I3'],['U1','U2','U3']];
var disp = ['未選択'];
function change() {
var s1 = document.forms[0].elements[0], s2 = document.forms[0].elements[1];
var v = vals[s1.selectedIndex], t = txts[s1.selectedIndex];
s2.options.length = 0;
for(var i = 0; i < v.length; ++i)
s2.options[s2.options.length] = new Option(t[i], v[i], false, false);
s2.selectedIndex = 0; disp = dsps[s1.selectedIndex]; change2();
}
function change2() {
var s2 = document.forms[0].elements[1], i1 = document.forms[0].elements[2];
i1.value = disp[s2.selectedIndex];
}
</script>
</head><body><form action="#"><p>
<select onchange="change()" name="s1">
<option value="a1">あ</option><option value="i1">い</option>
<option value="u1">う</option></select>
<select onchange="change2()" name="s2">
<option value="undef">未選択</option></select>
<input name="i1" type="text">
</p></form></body></html>
|
|
|