javascript - 当特定选项是唯一存在的选项时，在特定选项上显示隐藏文本框将不起作用

Question

当选择某个选项时，我有以下 JavaScript 来显示隐藏的文本框 onchange。当存在多个选项时它工作得很好。但是，当唯一的选项是使文本框出现的选项时，它就不起作用了。我也尝试了 onload，但没有结果。

       function showOther(fieldObj, otherFieldID)
            {

                var fieldValue = fieldObj.options[fieldObj.selectedIndex].value;
                var otherFieldObj = document.getElementById(otherFieldID);

                otherFieldObj.style.visibility = (fieldValue=='other') ? '' : 'hidden';

                return;
            }`

这是工作 fiddle http://jsfiddle.net/8bm9R/2/查看第一个选择字段

Answer 1

如果列表中只有一个 option，则 onchange 事件不会触发。使用 onclick 代替:

<select name="task" onclick="showOther(this, 'new');">

(JSFiddle 请: http://jsfiddle.net/8bm9R/7/ )。
为了防止这种行为并能够使用 onchange ，最好在列表中添加一些默认选项，例如“选择工作”..