2013-06-25 62 views
0

我想在選擇特定選項值時使隱藏文本框可見,它在有多個可用選項時正常工作,因爲它響應onChange。我如何才能使它工作,如果這是唯一的選擇,我的例子中的第一個選擇框。當選擇特定選項值時顯示隱藏文本框

的js小提琴 - 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; 
} 
+4

好像工作,我[小提琴](http://jsfiddle.net/8bm9R/1/)。剛剛選中_無包裝 - 從左側的 _。 –

+0

是的,它似乎正在工作... – mohkhan

+0

btw,只是fyi,你不必'fieldObj.options [fieldObj.selectedIndex] .value'來獲取值。只需'fieldObj.value'就可以了。 – mohkhan

回答

0
$("select").change(function() { 
if($(this).val() == "expected_value") { 
otherFieldObj.style.visibility = "visible" 
} 
else { 
otherFieldObj.style.visibility = "hidden" 
} 
}); 
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; 
} 

乾杯

+0

如何進行第一個選擇工作,其中唯一的選項是使文本框出現的選項。那會是什麼事。對不起,我是js的新手。 –