2013-06-25 188 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的新手。 –

相关问题