Question

我的页面上有FileUpload Control：

 <asp:FileUpload runat="server" ID="fuAttachment" CssClass="fileUploadCSS" size="76" />

我想通过Jquery更改Button的Click事件上的Control的大小。

我该如何设置？因为($("#fuAttachment").size不起作用。并($("#fuAttachment").width返回null

感谢Advace

Answer 1

尝试使用按钮onclick方法：

$('#fuAttachment').css('width',200);

您可以找到有关jQuery css method here

的更多信息

<强>更新

在我与devjosh的对话中，我提出了这行代码

$('#fuAttachment').attr('size', 50);

现代浏览器似乎支持size属性，而不是更改css width属性。

你可以在这里看到一个有效的例子：http://jsfiddle.net/CY3jG/1/（在IE 8和FF 9中测试过）

Answer 2

您可以控制FileUpload控件样式的各种元素。出于设计目的，您可能希望临时添加实体边框，它将为您提供更好的视角，以查看实际调整宽度的方式。在FireFox和Chrome中，FileUpload控件的文本框周围没有边框，有用于IE。没有边框，看起来宽度不会在FF，Chrome中发生变化。例如，下面的脚本会更改字体大小，背景颜色和宽度（添加边框时将清晰显示）。

<script>
      $(document).ready(function() {
      $("#FileUpload1").css('font-size', '25');
      $("#FileUpload1").css('background-color', 'red');
      $("#FileUpload1").css('border', 'solid');
      $("#FileUpload1").css('width', '800');         
          });          
  </script>

希望这有帮助。

通过Jquery设置Fileupload大小

2 个答案: