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

Question

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

Answer 1

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

这很奇怪，因为在 Musa 发布的 jsfiddle 中一切正常，但在我的页面上还有更多内容，直到我更改了我正在使用的函数名称，它才起作用。