设置大小以使用Jquery选择表单中的元素

设置大小以使用Jquery选择表单中的元素,jquery,html,Jquery,Html,这只是一个没有附加任何类型代码的问题 在jQuery中,我可以使用$(“something”).attr(“attr”,value)为属性设置一个值。我可以根据文本输入中的字符数等设置HTML表单中select元素的大小吗?例如,如果此处的字符数,则我希望大小为1: 给定一个输入,如果有2个或更少的字符,此代码将输入的大小设置为1,否则设置为5 $('input').on('input', function() { $(this).attr('size', $(this).val().l

这只是一个没有附加任何类型代码的问题

在jQuery中,我可以使用
$(“something”).attr(“attr”,value)
为属性设置一个值。我可以根据文本输入中的字符数等设置HTML表单中select元素的大小吗?例如,如果此处的字符数,则我希望大小为1:


给定一个输入,如果有2个或更少的字符,此代码将输入的大小设置为1,否则设置为5

$('input').on('input', function() {
    $(this).attr('size', $(this).val().length > 2 ? 5 : 1);
});


如果希望它基于另一个字段中输入的长度,请在
$(this.val().length
中更改
this
,以引用另一个字段。

不是特定的方法,只需检查输入文本并执行一些逻辑即可。可以。您希望它在用户键入时或根据另一个字段的值进行更改吗?@arcyqwertytyping@arcqwerty所以,如果我有一个select元素,我想动态地改变它的大小,我必须用select元素的id来改变第一个元素,对吗?
$('#width').on('keyup', function(){
    $('div').width($(this).val());
})

$('#height').on('keyup', function(){
    $('div').height($(this).val());
})
$('input').on('input', function() {
    $(this).attr('size', $(this).val().length > 2 ? 5 : 1);
});