alertfrancis Ответов: 1

Как создать поле ввода одним нажатием кнопки

пожалуйста, кто может помочь, я хочу создать поле ввода всякий раз, когда нажимается кнопка, но я не знаю, как это сделать.

Что я уже пробовал:

я пытаюсь погуглить его, но ответа пока нет

j snooze

Если вы используете jquery, это довольно просто. на вашем событии нажатия кнопки захватите родительский элемент (div или таблицу), где вы хотите, чтобы это текстовое поле было. Затем добавьте html-код для вашего поля ввода.

функция buttonclicked(){
$("#divTextFieldHolder"). append(");
}

1 Ответов

Рейтинг:
1

Mehedi Shams

Привет alertfrancis,

Вы можете использовать createElement и appendChild Методы JavaScript для этого.

<div id="dynamicCheck">
   <input type="button" value="Create Element" onclick="createNewElement();"/>
</div>

<div id="newElementId">New inputbox goes here:</div>
язык JavaScript
==========
<script type="text/JavaScript">
function createNewElement() {
    // First create a DIV element.
	var txtNewInputBox = document.createElement('div');

    // Then add the content (a new input box) of the element.
	txtNewInputBox.innerHTML = "<input type='text' id='newInputBox'>";

    // Finally put it where it is supposed to appear.
	document.getElementById("newElementId").appendChild(txtNewInputBox);
}
</script>
Пожалуйста, подробнее читайте о них в сети.

alertfrancis

спасибо, что он работает хорошо,но есть ли способ, которым я могу сделать простой расчет между новым созданным полем ввода с уже существующим, мне также нужна эта помощь заранее.

Mehedi Shams

Привет Фрэнсис,

Что бы быть просто, как хорошо. Как только вы создадите элемент, он будет доступен в DOM. Вы можете обратиться к нему с помощью 'document. getElementById'. например.:

ввод типа="кнопка" значение="рассчитать" функция onclick="calculateWithTheNewInput();"

функция calculateWithTheNewInput() {
alert(document.getElementById("newInputBox"). value + " это другой существующий вход.");
}