показать другое поле, если другое выбрано в меню с javascript

Question

Я пытаюсь отобразить другое поле для захвата ввода пользователей, если они выбирают другие в меню выбора. Мой код ниже, но id otherJobType не отображается, когда я выбираю Other в меню. Может ли кто-нибудь обнаружить, где я ошибся? Заранее спасибо.

<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='' }" /> 

Answer 1

Я установил это, в конце концов, переименовав функцию «workJobType», но оставляя идентификатор и имя на меню выбора, как «jobType». Если любой из них был таким же, как имя функции, он по какой-то причине не работал. Я хотел бы услышать, может ли кто-нибудь объяснить, почему это не сработало?

Это странно, потому что все было хорошо в jsfiddle, который был опубликован Musa, но на моей странице, у которой есть много других движений, он не работал, пока я не сменил имя функции, которую я использовал.