asp.net c＃和Javascript [英] asp.net c# and Javascript

问题描述

我在asp.net C＃中有下拉控件。以下是。

 <   td     style   =   text-align：left >  
 <   asp：DropDownList     ID   =  ddlCurrencyUnit    runat   =  server < span class =code-attribute>   CssClass   =  textarea   宽度  =  65px    AutoPostBack   =  True    OnSelectedIndexChanged   =  ddlCurrencyUnit_SelectedIndexChanged >  
 <   asp：ListItem    值  =  INR   已选择  =  True >  INR <   / asp：ListItem  > ;  
 <   asp：ListItem    值  =  USD >  USD <   / asp：ListItem  >  
 <   asp：ListItem    值  =  EURO >  EURO <   / asp：ListItem  >  
 <   / asp：DropDownList  >  
 <   asp：TextBox     ID   =  txtCurrencyConversationAmt    runat   =  server    CssClass   =  textarea    宽度  =   50px >  <   / asp：TextBox  >  
 <   / td  >  

如果我的Dropdown值不是使用Javascript的INR

解决方案

试试这样。

 <   script     type   =  text / javascript >  
  function  makeVisible（）
 {
  var  value =  document  .getElementById（  ddlCurrencyUnit）。options [ document  .getElementById（  ddlCurrencyUnit）的selectedIndex]。价值。 
 
  //  使用值 
  if （value ==   INR）
  document  .getElementById（  txtCurrencyConversationAmt）。style.display = '  none'; 
  else  
  document  .getElementById（  txtCurrencyConversationAmt）。style.display = ' '; 
} 
 <   /  脚本 >  

在onchange上调用该函数

< pre lang =HTML> < asp：DropDownList ID = ddlCurrencyUnit OnChange = makeVisible（）; runat = server >
。
。
< / asp：DropDownList >

Hi Viral，



我给你的解决方案是jquery。



示例代码：

Asp代码：

 <   asp：dropdownlist     id   =  ddlCurrency < span class =code-attribute>   runat   =  server    xmlns：asp   = ＃unknown >  
 <   asp：listitem     text   =  INR   值  =  0 > ;  <   / asp：listitem  > ;  
 <   asp：listitem     text   = 美元     value   = < span class =code-keyword> 1 >  <   / asp：listitem  >  
  <   asp：listitem     text   = 磅    value   =  3 >  <   / asp：listitem  >  
 <   asp：listitem     text   = 日元   值  =  4 >  <   / asp：listitem  >  
 <   / asp：dropdownlist  >  
 <   asp：textbox     id   =  txtHideMe    runat   = 服务器    xmlns：asp   = ＃unknown >  <   / asp：textbox  >  
 

jquery代码：

<脚本类型=   text / javascript language =   javascript> 

（ document ）。ready（ function （）
{

I have dropdown control in asp.net C#. Which is below.

<td style="text-align: left">
                                               <asp:DropDownList ID="ddlCurrencyUnit" runat="server" CssClass="textarea" Width="65px" AutoPostBack="True" OnSelectedIndexChanged="ddlCurrencyUnit_SelectedIndexChanged">
                                                   <asp:ListItem Value="INR" Selected="True">INR</asp:ListItem>
                                                   <asp:ListItem Value="USD">USD</asp:ListItem>
                                                   <asp:ListItem Value="EURO">EURO</asp:ListItem>
                                               </asp:DropDownList>
                                               <asp:TextBox ID="txtCurrencyConversationAmt" runat="server" CssClass="textarea" Width="50px"></asp:TextBox>
                                           </td>

I want to visible true my textbox if my Dropdown value is not INR using Javascript

解决方案

Try like this.

<script type="text/javascript">
function makeVisible()
{
    var value = document.getElementById("ddlCurrencyUnit").options[document.getElementById("ddlCurrencyUnit").selectedIndex].value;

    //do something with the value
    if(value=="INR")
      document.getElementById("txtCurrencyConversationAmt").style.display = 'none';
    else
      document.getElementById("txtCurrencyConversationAmt").style.display = '';
}
</script>

call the function on onchange

<asp:DropDownList ID="ddlCurrencyUnit" OnChange="makeVisible();" runat="server">
.
.
</asp:DropDownList>

Hi Viral,

The solution I am giving to you is in jquery.

Sample Code:
Asp Code:

<asp:dropdownlist id="ddlCurrency" runat="server" xmlns:asp="#unknown">
    <asp:listitem text="INR" value="0"></asp:listitem>
    <asp:listitem text="US Dollar" value="1"></asp:listitem>
    <asp:listitem text="Pound" value="3"></asp:listitem>
    <asp:listitem text="Yen" value="4"></asp:listitem>
 </asp:dropdownlist>
 <asp:textbox id="txtHideMe" runat="server" xmlns:asp="#unknown"></asp:textbox>

jquery code:

<script type="text/javascript" language="javascript">

(document).ready(function () {

这篇关于asp.net c＃和Javascript的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！