В настоящее время я работаю над небольшим проектом, поскольку я новичок в jQuery.Печатать входное значение для разных DIVS-jQuery
У меня есть 4 маленьких DIVS на моей странице с разными IDS из div1-div4. В верхней части страницы у меня есть INPUT, где пользователь сможет записать имя пользователя DIV, чтобы использовать разные функции. После первого ввода есть еще один вход, где пользователь сможет написать текст, который будет напечатан в DIV, который выбран на первом входе с помощью кнопки «Добавить текст».
После этого у меня есть 4 разных кнопки, которые выходят за пределы Fade Out, Fade In, Slide Up, Slide Down.
Эти функции будут работать только с идентификатором div, который пользователь написал в первом поле.
Вот пример JQuery одной из моих функций:
$("#fadeOutBtn").click(function(){
selectedDiv = $('#divChooseTxt').val();
$("#"+selectedDiv).fadeOut(1500, "swing", function(){
});
});
Что мне нужна помощь сейчас, чтобы понять, как получить текст от пользователя и печати, что выбранный DIV.
Вот в HTML для этой функции:
<label>Text:
<input id="divTxt" type="text">
</label>
<input id="addTextBtn" type="button" value="Add Text">
Можете ли вы мне помочь?
http://fiddle.jshell.net/yc4ahsno/3/ document.getElementById (selectedDiv) .innerHTML = 'Вы выбрали этот div; – Sirence
Ваш пользователь вводит имя div и вы хотите выполнить изменения в этом div после нажатия кнопки отправки, правильно? Почему вы не сможете этого сделать с предоставленным кодом? Вы написали: «Теперь мне нужна помощь, чтобы понять, как получить текст от пользователя и распечатать его для выбранного DIV». С помощью этих функций вы можете получить текст и распечатать его. Попробуйте сначала обновить свой код и посмотреть, где у вас все еще есть проблемы. – Sirence
Ваша функция не будет работать, поскольку div, предоставленные вами в вашем html, имеют разные имена, поэтому я написал новую. Вы можете просто настроить свой код для достижения желаемого. – Sirence