Question

我的问题或许有一个简单的答案，但我不知道。

我有一个选择框可以根据其可能的值调整其大小但我无法通过类似$('#idSlect').attr('size')的大小来获取它的大小，因为它没有大小属性，它只是适应自己。

如何使输入文字与我的选择框大小相同？

我想要的是：

$('#idInputText').size($('#idSelect').size())

感谢您的回答。

Answer 1

如何检查选择的宽度并将输入的宽度设置为相同的值;

var w = $("#idSlect").css("width");

$("#idInputText").css("width", w);

Answer 2

一个简单的函数，用于获取元素的高度和宽度并将其应用于另一个元素：

function MatchSize(OriginalElement, TargetElement) {
    // Grab the original element height and width
    var CurrentWidth = OriginalElement.width();
    var CurrentHeight = OriginalElement.height();

    // Assign the height and width to the target element
    TargetElement.width(CurrentWidth);
    TargetElement.height(CurrentHeight);
}

然后只提供函数调用中的元素：

MatchSize($('select'), $('input'));

EXAMPLE

Answer 3

使用jQuery捕获元素宽度的方法是这样的：

$('selector').css('width')

你可以像这样输入相同的大小：

$('#input').css('width', $('#select').css('width'))

但最好的方法是使用CSS来实现页面的更统一设计

<style>
    #input, #select{
        width: 100px;
    }
</style>

添加具有选择大小的输入文本

3 个答案: