blocks|key|1482267|text|将其css设置为display:none，而不是使用visible|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1482268|//css:
.invisible+{+display:none;+}

//C#
txtEditBox.CssClass+=+'invisible';
txtEditBox.CssClass+=+'';+//+visible+again

//javascript
document.getElementById('txtEditBox').className+=+'invisible'
document.getElementById('txtEditBox').className+=+''|code-block|syntax|javascript|1482269|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

instead of using visible, set its css to display:none

<pre><code>//css:
.invisible { display:none; }

//C#
txtEditBox.CssClass = 'invisible';
txtEditBox.CssClass = ''; // visible again

//javascript
document.getElementById('txtEditBox').className = 'invisible'
document.getElementById('txtEditBox').className = ''
</code></pre>

blocks|key|1697523|text|这应该会隐藏控件：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1697524|theControl.style.display+=+'none';|code-block|syntax|javascript|1697525|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

This should hide the control:

<pre><code>theControl.style.display = 'none';
</code></pre>

blocks|key|1697550|text|设置样式为"display:+none“。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1697551|var+theControl+=+document.getElementById("<%25=+txtEditBox.ClientID+%25>");
theControl.style.display+=+"none";|code-block|syntax|javascript|1697552|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Set the style to "display: none".

<pre><code>var theControl = document.getElementById("&lt;%= txtEditBox.ClientID %&gt;");
theControl.style.display = "none";
</code></pre>

blocks|key|1482341|text|您可以使用display属性来执行此操作。但正如Jason所指出的，这是一个DHTML+(客户端)属性，它完全独立于控制呈现的ASP.NET+(服务器端)+Visible属性。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1482342|theControl.style.display+=+"none";|code-block|syntax|javascript|1482343|Display+Property|offset|length|1482344|entityMap|0|LINK|mutability|MUTABLE|url|http://www.w3schools.com/css/pr_class_display.asp^0|0|0|0|G|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

You can use the display property for this. But as Jason noted, this is a DHTML DOM (client-side) property that is completely independent from the ASP.NET (server-side) Visible property which controls rendering.

<pre><code>theControl.style.display = "none";
</code></pre>

<a href="http://www.w3schools.com/css/pr_class_display.asp" rel="nofollow noreferrer">Display Property</a>

blocks|key|1697615|text|您希望将display+style属性设置为“none”(隐藏)或“null”以显示。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1697616|+++var+theControl+=+document.getElementById("txtEditBox");

+++theControl.style.display+=+'none';

+++theControl.style.display+=+null;|code-block|syntax|javascript|1697617|使用jQuery的方式：|1697618|+++$('#txtEditBox').hide();

+++$('#txtEditBox').show();|1697619|entityMap^0|Y|4|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|T|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|U|8|@]|D|@]|E|$]]|$1|M|3|N|5|H|7|V|8|@]|D|@]|E|$I|J]]|$1|O|3|-4|5|6|7|W|8|@]|D|@]|E|$]]]|P|$]]

You want to set the display style property to 'none' (to hide) or <code>null</code> to show.

<pre><code> var theControl = document.getElementById("txtEditBox");

 theControl.style.display = 'none';

 theControl.style.display = null;
</code></pre>

Doing it the jQuery way:

<pre><code> $('#txtEditBox').hide();

 $('#txtEditBox').show();
</code></pre>

blocks|key|1697647|text|或者，如果您不想使用css：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1697648|<asp:TextBox+ID="txtBox"+runat="server"+style="display:none;">|code-block|syntax|javascript|1697649|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Or if you don't want to use css:

<pre><code>&lt;asp:TextBox ID="txtBox" runat="server" style="display:none;"&gt;
</code></pre>

blocks|key|1482441|text|我认为最好的解决方案是将ASP控件放在div中，并将属性display设置为div元素。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1482442|<div+id="divTest">++++++++++++
+++<asp:TextBox+ID="txtTest"+runat="server"></asp:TextBox>
</div>

<script+type="text/javascript">
++++SIN+JQuery
++++document.getElementById('divTest').style.display+=+"none";

++++CON+JQuery
++++$('#divTest').hide();
</script>|code-block|syntax|javascript|1482443|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I think the best solution is to put your ASP control inside a div and set the property display to the div element.

<pre><code>&lt;div id="divTest"&gt; 
 &lt;asp:TextBox ID="txtTest" runat="server"&gt;&lt;/asp:TextBox&gt;
&lt;/div&gt;

&lt;script type="text/javascript"&gt;
 SIN JQuery
 document.getElementById('divTest').style.display = "none";

 CON JQuery
 $('#divTest').hide();
&lt;/script&gt;
</code></pre>

Bascially I want to know the best way to hide/show an ASP.NET control from a Javascript function. I figured I would just access the control in Javascript using:

<pre><code>var theControl = document.getElementById("txtEditBox");
</code></pre>

Then just set the control's Visible property to true/false. It doesn't seem to be working, I can't seem to figure out how to set "Visible" to true/false. How can I do that? Also, is that the best way to hide/show a ASP.NET control from a Javascript function?

Thanks,
Jeff

How do you set the "Visible" property of a ASP.NET control from a Javascript function?

服务器

jQuery

基本上，我想知道在Javascript函数中隐藏/显示ASP.NET控件的最好方法。我想我可以使用以下命令访问Javascript中的控件：var theControl = document.getElementById("txtEditBox");然后将控件的Visible属性设置为true/false。它似乎不起作...

问如何通过Javascript函数设置ASP.NET控件的"Visible“属性？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何通过Javascript函数设置ASP.NET控件的"Visible“属性？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何通过Javascript函数设置ASP.NET控件的"Visible“属性？
EN