Отображение скрытого текстового поля при выборе определенного значения опции

Question

Я пытаюсь сделать скрытое текстовое поле видимым, когда выбрано определенное значение параметра. Оно работает, когда доступно несколько вариантов, потому что оно отвечает на onChange. Как я могу заставить его работать, если это единственный вариант, первый флажок в моем примере.

Js Fiddle - http://jsfiddle.net/8bm9R/

Это моя функция Js

function showOther(fieldObj, otherFieldID) { 
    var fieldValue = fieldObj.options[fieldObj.selectedIndex].value; 
    var otherFieldObj = document.getElementById(otherFieldID); 
    otherFieldObj.style.visibility = (fieldValue == 'other') ? '' : 'hidden'; 
    return; 
} 

Answer 1

$("select").change(function() { 
if($(this).val() == "expected_value") { 
otherFieldObj.style.visibility = "visible" 
} 
else { 
otherFieldObj.style.visibility = "hidden" 
} 
}); 

Answer 2

Я обновил JsFiddle:

В основном JsFiddle злоупотребляют, функция должна быть установлена завернутый в заголовок вместо «onLoad».

jsfiddle.net/8bm9R/2/

function showOther(fieldObj, otherFieldID) 
{ 

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

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

    return; 
} 

Приветствия