如果使用javascript在菜单中选择了其他字段，则显示其他字段

如果用户在“选择”菜单中选择“其他”，我尝试显示另一个字段以捕获用户输入。我的代码如下，但当我在菜单中选择“其他”时，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='' }" />

#其他工作类型{
显示：无；
}
函数作业类型（值）{
如果（值==‘其他’）{
document.getElementById（'otherJobType'）.style.display='block'；
}否则{
document.getElementById（'otherJobType'）.style.display='none'；
}
}
选择1
其他

最后，我将函数重命名为“workJobType”，但将选择菜单上的id和名称保留为“jobType”，从而解决了这个问题。如果其中任何一个与函数名相同，则由于某种原因，它不起作用。我很想听听是否有人能解释为什么它不起作用

---

这很奇怪，因为在Musa发布的JSFIDLE中，一切都很好，但在我的页面上（还有很多事情要做），直到我更改了我使用的函数名，它才起作用。

在哪个浏览器中工作？您遇到过这个问题吗？有错误信息吗？jsFiddle Musa也为我发布了作品。Dam，jsFiddle也为我发布了作品。我在firefox 12中遇到了这个问题（到目前为止我唯一检查过它的浏览器），也许它与我页面上的其他内容冲突。我注意到我在firefox错误控制台中得到了“jobType不是一个函数”