Подсет определенных ID

maza · April 8, 2008

искал, искал, не наш?л

вопрос:

Есть, допустим, 10 инпут-полей с id, как с помощью JS посчитать все эти id??

интуитивно вот так, есстественно, не работает

document.getElementById('pole').length;

p.s.:только не спрашивайте зачем, плз!

ZoNT · April 8, 2008

Не надо их давать одинаковый айди - это плохо... Если надо - задавай нэйм

Storm · April 8, 2008

Если все эти поля в одной форме, то например вот так:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=windows-1251" />
<script language="JavaScript" type="text/javascript">
/*<![CDATA[*/
function showLength()
{
 form_name = document.getElementById('form1');
 alert ("В форме " + form_name.elements.length + " элементов");
}
/*]]>*/
</script>
</head>

<body>
<form id="form1">
<input type="text" name="#" />


<input type="text" name="#" />


<input type="text" name="#" />


<input type="text" name="#" />


<input type="text" name="#" />
</form>
<a href="java script:void" onclick="showLength()">Click Me</a>
</body>

</html>

maza · April 8, 2008

Storm, ты маньяк!!! :-)

тоже вариант, кстати!

но я только, что додумался как мне решить мою проблему:

document.uslugi.pole.length;

где uslugi - имя формы

pole - id поля (в мо?м случае)

—————-

Спасиб, ребята!

homm · April 8, 2008

искал, искал, не наш?л
вопрос:
Есть, допустим, 10 инпут-полей с id, как с помощью JS посчитать все эти id??
интуитивно вот так, есстественно, не работает
document.getElementById('pole').length;
p.s.:только не спрашивайте зачем, плз!

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

maza · April 8, 2008

Люди, а как вы решили проблему с очисткой value?

я хотел написать на жабе так, чтобы всем полям input дать один и тот же id, но обламался

затем пробовал дать всем input полям разные id, типа pole1, pole2, ... pole9, pole10, но тоже обламался

хотел одного: чтобы, если надо добавить поле - не править жабаскриптус!

короче промучался несколько часов и ничего не получилось, оставил так:

<script type="text/javascript">
function ClearForm() {
var countpol = 10;
var i = 0;
while(i < countpol) {
document.getElementById('pole' + [++i]).value = '';
}
}
</script>

Emm · April 8, 2008

Люди, а как вы решили проблему с очисткой value?

ее решили за нас)

<input type="reset" value="Очистить">

Yarik Voronov · April 8, 2008

2 Emm +1

2 maza

Если надо почистить вс? и именно без кнопки (из скрипта) : [DOMFormElement].reset();

Если в какой то определенный момент времени надо почистить именно часть полей, а не все (причем у них name'ы разные), то можно пройти по className. Например:

<form id="myForm">
<input type="text" name="n1" class="myReset" />
<input type="text" name="m2" class="myReset" />
<input type="text" name="t23" class="myReset" />
<input type="text" name="o1" class="myReset" />
</form>

function resetMyReset () {
 var toReset = document.getElementById('myForm').getElementsByTagName('INPUT');
 for (var i=0, e=toReset.length; i<e, i++)
 if (toReset[i].className == 'myReset')
 toReset[i].value = '';
}

можно напридумывать массу вариаций.

сразу говорю что код набросал сразу, потому без проверки. Но общая идея надеюсь понятна

maza · April 9, 2008

Emm, для тебя подчеркну слово ОЧИСТИТЬ. если бы я хотел вернуть значение value я бы так и написал

Yarik Voronov, спасибо за код!! очень и очень интересный вариант!

maza · April 9, 2008

целый день сижу мучаю эту форму

короче вот такой код работает:

function resetPole() {

 var FormUslugi = document.getElementById('uslugi');
 var PoleInput = FormUslugi.getElementsByTagName('input');

 for ( var i = 0; i < PoleInput.length; i++) {

 if ( PoleInput[i].className == 'pole' ) {
 PoleInput[i].value = '';
 }

}

}

только id uslugi я задал таблице в которой форма, потому что по-другому не хотело пахать.. :/

Вопрос, а как же быть с , как его очистить, когда у него нет value, а вводимый текст ставится между этими тегами?? :|

ZoNT · April 9, 2008

как это нет valuе??? Кто это сказал???

maza · April 9, 2008

1) я сам проверял

2) уточнил, заглянув на htmlbook.ru

ZoNT · April 9, 2008

Блиииин, а я использую - вс? работает и даже не подозреваю!

maza · April 9, 2008

смотря как ты используешь. в мо?м случае нужно чистить то, что между тегами только я ума не приложу КАК это делать? ((

ZoNT · April 9, 2008

<html>
<head>
 <script>
 function Clear(id) {
 document.getElementById(id).value = '';
 }
 </script>
</head>

<body>
<textarea id="111">1234546</textarea>
<input type="button" onmousedown="Clear('111');" value="Clear!">
</body>
</html>

ZoNT · April 9, 2008

В ч?м прикол не пойму: есть у текстареи валъю и всегда было!

maza · April 10, 2008

прикол в том, что если мы ошиблись, то чтобы текст не исчез, мы в поля вставляем текст, который отправлялся.

Если в полях (input) мы пишем в value, то в textarea нам нужно подставлять тот текст между тегами.

Потому что, если даже и написать типа такого:

, то текст этот не отобразится..

Если посмотреть на htmlbook про тег textarea, то можно заметить, что про существование свойства value, не говорится.

Но жабескриптус можно задать типа такого:

document.getElementsByTagName('textarea').value = '';

и оно очистит благополучно и даже не ругн?тся, что этот тег value мы даже не написали :|

Кстати, лучше этого кода я не придумал:

function resetPole() {

 var PoleInput = document.getElementsByTagName('input');
 var PoleTextArea = document.getElementsByTagName('textarea');

 for ( var i = 0; i < PoleInput.length; i++) {
 if ( PoleInput[i].className == 'pole' ) {
 PoleInput[i].value = '';
 }
}
 for ( var i = 0; i < PoleTextArea.length; i++) {
 if (PoleTextArea[i].className == 'pole') {
 PoleTextArea[i].value = '';
 }
 }

}

html будет выглядеть приблизительно так:

<form>

<input name="one" class="pole" value="esli est">
<input name="too" class="pole" value="esli est">
<input name="three" class="pole" value="esli est">
<input name="four" class="pole" value="esli est">
...
<textarea name="text1 class="pole">some text</textarea>
<textarea name="text2 class="pole">some text</textarea>
...

<input type="button" onClick="resetPole();" value="Очистить"></input>

</form>

смысл кода в том, что если нам понадобится добавить input или textarea, то нам просто надо будет дать им class="pole", если мы захотим, чтобы кнопка "очистить" распространялась и на них.

ZoNT · April 10, 2008

Но жабескриптус можно задать типа такого:
document.getElementsByTagName('textarea').value = '';

А это разве раздел не про джаваскрипт???

maza · April 10, 2008

это вы к чему вообще?

я вопросов больше не задавал.

ZoNT · April 10, 2008

Это продолжения спора про value у тектсареи. Это раздел по ждаваскрипту и в джаваскрипте у текстареи есть value. Мне же пытались доказать, что такого атрибута нет.

maza · April 10, 2008

не знаю, кто с Вами спорил... А что, форум для споров придуман?!

Я думал для решенияобсуждения проблем :|

ZoNT · April 10, 2008

В споре рождается истина!

maza · April 15, 2008

Вы ацкий флудер!

в споре рождается истина, это любой дурак знает. Но в этой теме никто с вами не спорил))))

ZoNT · April 15, 2008

Ура! Я аццкий флудер %)

Sign In

Подсет определенных ID

Question

Link to comment

Share on other sites

23 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information