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

时间:2015-09-03 20:16:46

标签: jquery html

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

在jQuery中,我可以设置一个值以$("something").attr("attr",value)为属性。我可以根据文本输入中的数字字符设置HTML表单中select元素的大小吗?比方说,如果字符数<2,则大小为1,如果<2则大小为5。

jQuery中有一个允许我这样做的方法吗?

2 个答案:

答案 0 :(得分:0)

此处:http://jsfiddle.net/leojavier/kkj5c267/

<input id="width" type="text" placeholder="width"/>
<input id="height" type="text" placeholder="height"/>
<div></div>

JS

$('#width').on('keyup', function(){
    $('div').width($(this).val());
})

$('#height').on('keyup', function(){
    $('div').height($(this).val());
})

答案 1 :(得分:0)

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

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

http://jsfiddle.net/gy2Le8z3/

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