0

ユーザーが選択メニューでその他を選択した場合にユーザーの入力をキャプチャするために、別のフィールドを表示しようとしています。私のコードは次のとおりですが、メニューでその他を選択すると、id otherJobType が非表示になりません。誰かが私が間違っている場所を見つけることができますか? 前もって感謝します。

<style type="text/css">
#otherJobType {
    display:none;
}
</style> 

<script type="text/javascript">
function jobType(value){
        if (value == 'Other') {
            document.getElementById('otherJobType').style.display = 'block';
        } else {
            document.getElementById('otherJobType').style.display = 'none';
        }
    }
</script>

<select id="jobType" name="jobType" onchange="jobType(this.value);">
    <option value="option 1" selected>Option 1</option>
    <option value="Other">Other</option>
</select>

<input name="otherJobType" id="otherJobType" type="text" size="50" value="Please specify job type" onblur="if (this.value=='') { this.value='Please specify job type' }" onclick="if (this.value=='Please specify job type') { this.value='' }" />
4

1 に答える 1

0

関数の名前を「workJobType」に変更し、選択メニューのIDと名前を「jobType」のままにして、最終的にこれを修正しました。これらのいずれかが関数名と同じである場合、何らかの理由で機能しませんでした。誰かがなぜそれがうまくいかなかったのか説明できるかどうか聞いてみたいです?

Musa が投稿した jsfiddle ではすべてが正常に機能していましたが、さらに多くのことが行われている私のページでは、使用していた関数名を変更するまで機能しませんでした。

于 2012-06-07T12:40:02.080 に答える