Javascript/jQuery根据所选下拉项隐藏字段
我为OnChange事件创建了一些代码,这些代码工作得非常好Javascript/jQuery根据所选下拉项隐藏字段,javascript,jquery,Javascript,Jquery,我为OnChange事件创建了一些代码,这些代码工作得非常好 <script type="text/javascript"> function UpdEventChanged(selectEl) { var text = selectEl.options[selectEl.selectedIndex].text; if (text == "Sickn
<script type="text/javascript">
function UpdEventChanged(selectEl) {
var text = selectEl.options[selectEl.selectedIndex].text;
if (text == "Sickness" || text == "Holiday") {
$("input[id$=eventPostCode").hide();
$("#ContentPlaceHolder1_LBLUpdPCReq").hide();
$("#ContentPlaceHolder1_lblUpdPC").hide();
}
else {
$("input[id$=eventPostCode").show();
$("#ContentPlaceHolder1_LBLUpdPCReq").show();
$("#ContentPlaceHolder1_lblUpdPC").show();
}
}
</script>
如果#eventname
所选文本=假日或疾病,则需要隐藏以下项目:
"input[id$=eventPostCode"
"#ContentPlaceHolder1_LBLUpdPCReq"
"#ContentPlaceHolder1_lblUpdPC"
显然,如果未选择,则应显示上述内容
谢谢看起来你需要这样的东西:
var EventEventNameText = $('#EventEventName').val();
if (EventEventNameText=='Holiday' || EventEventNameText=='Sickness') {
$('#eventPostCode').hide();
$('#ContentPlaceHolder1_LBLUpdPCReq').hide();
$('#ContentPlaceHolder1_lblUpdPC').hide();
}
让我知道这对你有什么好处。看起来你需要这样的东西:
var EventEventNameText = $('#EventEventName').val();
if (EventEventNameText=='Holiday' || EventEventNameText=='Sickness') {
$('#eventPostCode').hide();
$('#ContentPlaceHolder1_LBLUpdPCReq').hide();
$('#ContentPlaceHolder1_lblUpdPC').hide();
}
让我知道这对您是如何起作用的。谢谢,您建议我把它放在哪里?我的javascript知识非常有限。我尝试将它放在.js文件的这一部分:
$(document).ready(function(){
),但它似乎不起作用。我认为您可能需要将它放在$('#EventEventName').change()
处理程序中。我还建议您尝试放置一个警报('hello')
语句作为函数中用于调试目的的第一条语句。这样,您就可以确定函数何时运行。谢谢,您建议我将其放在哪里-我的javascript知识非常有限。我尝试将其放在.js文件的这一部分:$(document).ready(function(){
但它似乎不起作用。我认为您可能需要将它放在$('#eventname').change()处理程序中。我还建议您尝试放置警报('hello')
语句作为函数中用于调试的第一条语句。这样,您就可以确定函数何时运行。