2013-12-19 4 views
0

У меня есть несколько текстовых полей с одинаковым идентификатором на странице, которые сгенерированы программно. Это очищает первое текстовое поле.Очистить несколько текстовых полей JQuery

$('#commentText').val(''); 

Но не удалятся другие текстовые поля с тем же идентификатором. Как я могу сделать jquery очистить все текстовые поля с ID commentText.

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

Благодаря

+0

Вы не можете иметь несколько элементов с одинаковыми ID. Идентификаторы должны быть уникальными в HTML – Satpal

+0

Вы не можете иметь несколько элементов с одинаковым идентификатором в действительном HTML - дать им все классы и использовать их вместо – Dave

+0

Почему вы используете тот же идентификатор в разных местах? Это нормально, что он не может работать. – SushiiBalboha

ответ

2

id должен быть уникальным. Вместо того, чтобы использовать class

$('.commentText').val(''); 

FYI: . используется для класса селектор

+1

Отлично, спасибо. Принят, когда смогу. – loveforfire33

1

Не используйте тот же идентификатор для нескольких текстовых полей. Вместо этого используйте класс.

Тогда:

$('.commentText').val(''); 
0

Try This

<html> 
<head> 
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
    <script type="text/javascript"> 

    function myFun(){ 
$('.test').val(''); 
    } 
    </script> 

    </head> 
<body> 

    <input type="text" class="test" value="xxxxxxxxxx" ><br> 
    <input type="text" class="test" value="xxxxxxxxxx"><br> 
    <input type="text" class="test" value="xxxxxxxxxx"><br> 
    <input type="text" class="test" value="xxxxxxxxxx"><br> 
    <input type="text" class="test" value="xxxxxxxxxx"><br> 
    <input type="text" class="test" value="xxxxxxxxxx"><br> 
    <input type="text" class="test" value="xxxxxxxxxx"><br> 

    <input type="button" onclick="myFun()" value="clear_All"> 
</body> 

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