Solved

jquery detect textbox exists

Posted on 2014-07-18
5
302 Views
Last Modified: 2014-07-18
http://jsfiddle.net/sevensnake/2NLMc/5/

If my textarea exists when the page loads when I click to add another comment box it knows where to leave off.

for my example there is 2 already exists so when I click add another it should start at 3 not 2.
0
Comment
Question by:sevensnake77
  • 3
  • 2
5 Comments
 
LVL 52

Accepted Solution

by:
Scott Fell,  EE MVE earned 500 total points
ID: 40204649
An easier way instead of a counter is to get the total number of text areas

  alert($('textarea').length);

var nextNumber = $('textarea').length + 1
0
 
LVL 9

Author Comment

by:sevensnake77
ID: 40204676
can you show me in my example.
0
 
LVL 52

Expert Comment

by:Scott Fell, EE MVE
ID: 40204686
Ok Give me a minute.
0
 
LVL 9

Author Closing Comment

by:sevensnake77
ID: 40204702
tks
0
 
LVL 52

Expert Comment

by:Scott Fell, EE MVE
ID: 40204706
The only thing I did was remove your counter variable before the click function and used it to set the counter on click.   You did the rest.
http://jsfiddle.net/x63eb/2/
$("#addButton").click(function () {
    var counter = $('textarea').length +1
    if (counter > 3) {
        alert("Only 3 Comments are allowed");
        return false;
    }
    $('<div/>', {
        'ID': 'CommentBoxDiv' + counter
    }).html(
    $('<label/>').html('Comment #' + counter + ' : '))
        .append($('<textarea  cols="40" rows="6">').attr({
        'id': 'Comments' + counter,
        'name': 'Comments' + counter,
        'style': 'margin-top:10px; margin-bottom:10px'
    }))
        .appendTo('#CommentBoxesGroup')
    counter++;
});

$("#removeButton").click(function () {
    if (counter == 1) {
        alert("No more Comment boxes to remove. One will remain.");
        return false;
    }
    counter--;
    $("#CommentBoxDiv" + counter).remove();
});

Open in new window

0

Featured Post

What Should I Do With This Threat Intelligence?

Are you wondering if you actually need threat intelligence? The answer is yes. We explain the basics for creating useful threat intelligence.

Join & Write a Comment

I have answered several questions lately that were solved utilizing the power of jQuery's AJAX functions, so I thought I would write an article demonstrating the ease of use. Why should I use jQuery as opposed to regular JavaScript? Now I know…
Requirements JQuery 1.6+ HTML CSS Introduction This article was inspired by an EE question (http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/Q_28372511.html) on how to make a page show some balloons animate up a page…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

706 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

18 Experts available now in Live!

Get 1:1 Help Now