如何根据asp.net web应用程序中使用javascript的下拉列表中的选定选项显示不同的输入类型

我正在使用vb.net和asp.net开发一个Web应用程序。

在此Web应用程序中，其中一个Web表单如下所示（必填）

上面的下拉列表中显示的选项/数据来自数据库，它们也是有条件的。 这些选项并不是一直都是固定的。 它们是可见的，取决于用户先前的选择。

在这些数据中有3个数据，我想要显示3种不同的输入类型。 这3个选项/数据的ID分别为10,11和12。

我想在此下拉列表下方显示不同的输入类型，具体取决于下拉列表中的选定数据。

例

如果在下拉列表中所选数据ID为10，我想在下拉列表下方显示一个文本框

 Offered salary (numeric only!!)   

如果在下拉列表中所选数据ID为12，我想在下拉列表下方显示日历

  
  Start date (required if job offered, format: DD-MMM-YYYY)  
   
  

对于其他数据，我不想做任何事情。 我怎么能用javascript做到这一点？ 请帮我代码。

谢谢

编辑过的代码

   
 New status (required)  
 
  Start date (required if job offered, format: DD-MMM-YYYY)  
   
 
    function displayDiv() { if ($("#comNewStatus").val() == "1") { $("#cal").show(); } else { $("#cal").hide(); } } function RefreshParent() { if (window.opener != null && !window.opener.closed) { window.opener.location.reload(); } } window.onbeforeunload = RefreshParent;   

jquery和ko-js的所有引用都是在master文件中完成的。

Answer 1

添加jquery并将Id添加到div中，默认隐藏它们（display：none），然后在select控件的onchange事件中显示它们。

编辑：在主/详细页面的情况下添加适当的控件ID解析。

       
 
 
  New status (required)  Option 1 Option 2 Opotion 3  
 
 
  Offered salary (numeric only!!)  
 
  Final salary (numeric only!!)