4

次のドロップダウン メニューで、ユーザーが操作 No を選択したときに、次のドロップダウン メニューを表示したい

<select id="OperationType" onChange="check(this);">
 <option value="OpNo">Operation No</option>
 <option value="OpEmp">Employee No</option>
</select>

<select id=OperationNos>
 <option value="1001">1001</option>
 <option value="1002">1002</option>
</select>

ユーザーが従業員番号を選択した場合、最後のドロップダウン メニューを非表示にして、次のテキスト フィールドを表示します。

<input type='text'>

私がしたことは、次のスクリプトを配置することですが、2つの要素のどちらも隠しません。

function check(elem) {
    document.getElementById('OperationType').disabled = !elem.selectedIndex;
}

無効にしただけです。見えないようにしたい。ありがとう

4

3 に答える 3

2

これを使って：-

function hideshow()
{
var s1= document.getElementById('OperationType');
var s2= document.getElementById('OperationNos');

if( s1.options[s1.selectedIndex].text=="Operation No")
{
s2.style.visibility = 'visible';
document.getElementById('t1').style.visibility = 'hidden';
}
if( s1.options[s1.selectedIndex].text=="Employee No")
{
s2.style.visibility = 'hidden';
document.getElementById('t1').style.visibility = 'visible';
}
}
function hide()

{

document.getElementById('t1').style.visibility = 'hidden';
}

HTML コード:-

<body onload="hide()">

<select id="OperationType" onChange="hideshow()">
 <option value="OpNo">Operation No</option>
 <option value="OpEmp">Employee No</option>
</select>

<select id="OperationNos">
 <option value="1001">1001</option>
 <option value="1002">1002</option>
</select>

<input type="text" id="t1" />
</body>
于 2013-04-07T08:32:59.583 に答える