Как мне добавить значение из поля ввода как количество элементов списка, которые будут добавлены в ul jquery?
Я хочу добавить сумму, введенную в поле ввода, в ul как элементы списка. Я попробовал это, но не могу пойти дальше этого:
<body>
<input type = "text" name = "" id = "txtNaam" placeholder = "voer een getal in">
<div id = "divResult"></div>
<ul></ul>
<script>
$(document).ready(() => {
var txtNaam = $('#txtNaam')
$(document).on('click', function () {
txtNaam.on('keypress', function (e) {
var key = e.which
if (key === 13) {
$('ul').append('<li>' + txtNaam.val() + '</li>');
}
})
})
})
</script>
</body>
Итак, с помощью txtNaam.val(), если я пишу, например, 3 яйца в поле ввода txtNaam, то яйца добавляются 3 раза, это то, что я хочу сделать.
Спасибо уже!
Ответы 2
Попробуй это
$(document).ready(function(){
$('#txtNaam').on('keypress', function (e) {
var txtNaam = $.trim(parseInt($('#txtNaam').val()));
var key = e.which
if (key === 13 && txtNaam != '') {
for(var y = 0; y < txtNaam; y++){
$('ul').append('<li></li>');
}
}
});
});<script src = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<input type = "text" name = "txtNaam" id = "txtNaam" placeholder = "voer een getal in">
<div id = "divResult"></div>
<ul></ul>@user22934804 user22934804 Я только что обновил свой ответ, теперь вы можете его проверить.
@user22934804 user22934804 Попробуйте этот код. вы можете добавлять списки без указания номера в списках.
спасибо за ответ, ценю это!
Вы можете использовать Regular Expressions для извлечения числовой строки из входного значения. Затем проанализируйте его до int и используйте цикл for для переноса дублирования.
$(document).ready(() => {
var txtNaam = $('#txtNaam');
let numb;
txtNaam.on('change', () => {
if (txtNaam.val().match(/\d+/)!=null){
numb = parseInt(txtNaam.val().match(/\d+/)[0]);
}});
txtNaam.on('keyup', function(e) {
var key = e.which;
if (key === 13) {
if (numb >= 0) {
for (i = 0; i < numb; i++) {
$('ul').append(`<li style = "text-transform: capitalize;"> ${txtNaam.val().replace(numb, '')} </li>`);
}
numb=0;
}
}
})
})<script src = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<input " type = "text" name = "txtNaam" id = "txtNaam" placeholder = "voer een getal in">
<div id = "divResult"></div>
<ul></ul>большое спасибо за ответ! но можно ли это сделать одним щелчком мыши?
спасибо за ответ, как мне добавить его, чтобы номер не отображался в списке?
@user22934804 user22934804 Даже если вы введете пробелы в поле ввода и нажмете клавишу ввода, код запустится и произойдет ошибка, поэтому вам придется поддерживать проверку.
что означает поддерживать проверку и как мне это сделать? также как мне добавить списки без номера, отображаемого в списках?
спасибо большое за ответ, ценю это!
спасибо за ответ, но он не работает, он просто добавляет значение поля ввода, но не количество раз, которое вводится в поле ввода. если, например, я кладу 3 яйца, то яйца добавляются 3 раза, поскольку я хочу достичь элемента списка.