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

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;
            }`

这是工作中的小提琴http://jsfiddle.net/8bm9R/2/看第一个选择字段

Answer 1

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

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

（请访问JSFiddle： http : //jsfiddle.net/8bm9R/7/ ）。
为了防止这种行为并能够使用onchange ，最好在列表中添加一些默认选项，例如“ Choose a Job”。

Answer 2

如果发生更改，则onchange事件仅触发。 您可以执行以下操作：请选择...

或者可能：

<select name="jobs" onmouseup="showOther(this,'new');">