当选择特定选项值时显示隐藏文本框

问题描述：

我想在选择特定选项值时使隐藏文本框可见，它在有多个可用选项时正常工作，因为它响应onChange。我如何才能使它工作，如果这是唯一的选择，我的例子中的第一个选择框。当选择特定选项值时显示隐藏文本框

这是我的JS函数

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/1/）。刚刚选中_无包装 - 从左侧的

_。 –

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

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

答

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

答

我已经更新了的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; 
}

干杯

如何进行第一个选择工作，其中唯一的选项是使文本框出现的选项。那会是什么事。对不起，我是js的新手。 –

当选择特定选项值时显示隐藏文本框

相关推荐