Question

我创建了一个动态可以创建下拉列表和文本框的JavaScript。每当您从下拉列表中选择一个新值时，将使用后面的代码查找文本框的最大长度。

但如果使用下拉列表中的第一个值，我需要在文本框中设置maxlength。

这是我的代码：

$(document).ready(function() {
    var max_fields = 10; //maximum input boxes allowed
    var wrapper = $(".input_fields_wrap"); //Fields wrapper
    var add_button = $(".add_field_button"); //Add button ID

    var x = 1; //initlal text box count
    $(add_button).click(function(e) { //on add input button click
        e.preventDefault();
        if (x <= max_fields) { //max input box allowed
            var dv = $('<div/>'),
                select = $('<select name="DynamicDropDown' + x + '" id=' + x + ' onChange="changeMaxLength(this.id)" />').appendTo(dv);
            var selectedid = $('<select name="DynamicDropDown" />').id;
            dv.append('&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" size="25" style="margin-right:20px" name="DynamicTextBox' + x + '" />&nbsp;<a href="#" class="remove_field">Remove</a>');
            $(wrapper).append(dv);
            getCars(select);
            x++; //text box increment
        }
        select.fireEvent("onChange");
        var temp = document.getElementById('1');
        temp.changeMaxLength(00);

    });

    $(wrapper).on("click", ".remove_field", function(e) { //user click on remove text
        e.preventDefault();
        $(this).parent('div').remove();
        x--;
    })
});

'changeMaxLength'返回所选下拉值的最大长度。

我试过了：

select.fireEvent("onChange");
                var temp = document.getElementById('1');
                temp.changeMaxLength(00);

如何根据下拉列表中的第一个值在第一个文本框上设置maxlength？

Answer 1

您可以使用maxlength属性

设置文本框的最大长度

您可以使用javascript添加

$("#textbox").attr("maxlength", 25);

或在输入html标记中添加属性

<input type="text" name="" maxlength="25">

Javascript根据新创建的下拉列表

1 个答案: