Доступное значение textarea в jQuery с несколькими одинаковыми идентификаторами?

Question

У меня есть несколько тегов div из «post». Имя на моей странице, что я хочу сделать, это отправить данные на сервере на кнопку отправки. Я не могу получить значение textarea «commentText» в моем методе jquery commentPost().

<div id="post"> 
    <br>topic containtment is here 
    <form name="postComment" id="commentForm" action="javascript:void(0);" method="post"  
    target="_top" onsubmit="return commentPost();"> 
    <textarea name="comment" id="commentText" cols="10" rows="3" accesskey="1"> 
    </textarea><br> 
    <input type="submit" name="submit" id="commentpost" value="Submit" accesskey="2"> 
    </form> 
</div> 

JQuery Метод

function commentPost() 
{ 
    alert("Inside commentpost"); 
     //how to get value of commentText 
    var comment=("form > commentText").val(); //<--not working 
    alert(comment); 
    //further code to be written 
} 

ВНИМАНИЕ: Есть несколько Дива сообщению тега на странице.

Как получить значение textarea. ??

Answer 1

Если у вас есть один идентификатор в документе со значением «commentText», то ваша функция должна выглядеть следующим образом:

function commentPost() 
{ 
    alert("Inside commentpost"); 
     //how to get value of commentText 
    var comment=("form > #commentText").val(); //<--not working 
    alert(comment); 
    //further code to be written 
} 

Если у вас есть несколько тегов с этим идентификатором, разметка является недействительной, и вы должен изменить id = "commentText" на class = "commentText" в вашей разметке. Ваша функция должна выглядеть в этом случае:

function commentPost() 
{ 
    alert("Inside commentpost"); 
     //how to get value of commentText 
    var comment=("form > .commentText").val(); //<--not working 
    alert(comment); 
    //further code to be written 
} 

Когда это работает, не забудьте удалить предупреждения из вашей функции.

Answer 2

Это not valid HTML, чтобы иметь несколько элементов с одинаковыми ID.

Если вы решите эту проблему, ваша проблема с jQuery будет решена косвенно.

Answer 3

id должен иметь возможность идентифицировать уникальный элемент на странице.

Как правило, то, что вы пытаетесь сделать, может быть решена с помощью class:

<textarea name="comment" class="commentText" cols="10" rows="3" accesskey="1"> 
</textarea><br> 

Затем используйте $("form > .commentText").