Установить FileUpload размер через Jquery

Question

У меня есть FileUpload контроль на моей странице:

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

Я хочу, чтобы изменить размер этого элемента управления на Click события Баттона, хотя Jquery.

Как его установить? потому что ($("#fuAttachment").size не работает. и ($("#fuAttachment").width возвращает null

Спасибо Advace

Answer 1

Попробуйте это для вашей кнопки OnClick метод:

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

Вы можете найти более подробную информацию о jQuery css method here

Update

Во время моего разговора с devjosh я придумал эту строку кода

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

кажется, что атрибут размер гораздо больше поддерживается в современных браузерах, чем изменить свойство ширины CSS.

Вы Cann увидеть рабочий пример здесь: 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> 

Надеюсь, это поможет.