c# - 根据下拉框选择隐藏/显示表单

标签 c# javascript asp.net asp.net-mvc ado.net

我环顾四周,没有发现任何具体的东西。

是否有关于如何根据是否选择一个值来显示/隐藏表单或文本框的教程。

我有类似这个下拉框的内容(添加、项目 1、项目 2、项目 3 等等)

如果选择添加,则显示要添加的表单,其中包含一些属性,例如(名字、姓氏等),否则它只会对所选项目执行操作。

最佳答案

<select id="target">
    <option value="option1" selected="selected">Add</option>
    <option value="option2">Item1</option>
  </select>

<input type="text" class="textboxclass" />

<div class="someform">
//content
</div>

某些形式类的默认 css 显示属性为 none 例如:

.someform{display:none;}

J查询脚本

<script>
$('#target').change(function() {
  var name = $('#target option:selected'),text(); //Item1
  var id = $('#target').val(); // option2

  if(id =="option2"){
   //your logic for this option
   //hide textbox
   $('.textboxclass').hide();
   $('.someform').show();
   }else{
   $('.textboxclass').show();
   $('.someform').hide();

}
   //other if else logic

});
</script>

未经测试,因为我是在笔记本电脑上未安装任何软件。

关于c# - 根据下拉框选择隐藏/显示表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12982308/

相关文章:

javascript - 将 JSON 数据以表格格式附加到 HTML div 元素

javascript - 通过 document.getElementbyid() 使用 javascript 进行用户名验证

asp.net - GitHub 操作无法发布到 Azure

c# - Page.ClientScript.RegisterStartupScript 第二次不显示消息

c# - WebBrowser 控件中的 Google 字体仅在外部为 "helped"时显示

c# - 在 C 系列中,在一个循环中,为什​​么 "less than or equal to"比 "less than"符号更受欢迎?

javascript - 使用 Javascript 的 RSA 简单示例?

html - 为什么我的网络表单页面检测不到 CSS 文件?

javascript - FullCalendar 不适用于 Google Cloud 环境

C#/MEF 不适用于没有无参数构造函数的基类