2016-03-08 11 views
1

Я пытаюсь создать текстовое поле, когда я нажимаю кнопку, потому что мне не нужно, чтобы он отображался сам по себе на моей странице html. Я использую что-то вроде:Textarea появляется, когда я нажимаю на кнопку

<textarea cols = "50" rows = "20" name="text" id="text_id" class="form-control" style="resize:vertical" ></textarea> 

Но это не решает мою проблему.

Любая идея, как я могу это сделать?

У меня на самом деле есть два текстовых поля, которые отображают содержимое существующих файлов, и когда я нажимаю кнопку, чтобы отображать содержимое в одной текстовой области, а затем нажмите вторую кнопку, чтобы отобразить содержимое второго текстового поля, первое textarea становится пустым, в то время как мне нужно одновременно сохранять оба содержимого в обоих текстовых средах! Как я могу это сделать?

+1

Я не думаю, что это возможно без яваскрипта – mcy

ответ

1

Если вы используете JQuery уже, вы могли бы сделать что-то вроде этого:

<textarea cols="50" rows="20" name="text" id="text_id" class="form-control" style="resize:vertical;display:none"></textarea> 
<button class="show_button">Show/hide textarea</button> 
<script>$(".show_button").click(function(){$("#text_id").toggle()})</script> 

Это приведет к переключению текстовое поле для отображения

Я просто предполагаю, что вы используете JQuery, так как form-control используется с Bootstrap - для этого требуется jQuery.

+0

Это Безразлично» t действительно работает, он показывает мне область текста как секунду, а затем снова исчезает. – chahra

+0

Моим исходным кодом для кнопки является Я изменил то, что вы сказали, и он больше не работает. @Frederik Spang – chahra

+0

Для идентификации вам понадобится идентификатор или класс. Что это такое, что не работает? Попробуйте опубликовать свой реальный код! –

0

Вы можете использовать простой javascript или даже jquery. Но для простого JavaScript и может сделать это следующим образом: На тег сценария внутри головной секции записи:

<script> 
function myFunction() { 
    document.getElementById("demo").innerHTML = "<textarea cols = '50' rows = '20' name='text' id='text_id' class='form-control' style='resize:vertical' ></textarea>"; 
} 
</script> 

В разделе Body:

<p id="demo">A Paragraph.</p> 

<button type="button" onclick="myFunction()">Click here</button> 
+0

Можете сделать это без использования javascript? – chahra

+0

К сожалению, не @chahra –

+0

@srijan это тоже не работает/ – chahra

Смежные вопросы