Форум

djonA · #1 (**permalink**) 18.09.2013, 19:16

Есть form с произвольным числом select и одинаковыми значениями input

Мне надо если хотя бы в 1 одном select'e значение input value = 0 не субмитнуть форму.

<form>
<select class="class">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>

</select>

<select class="class">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>

</select>

и так произвольное число select

<input type="submit">
</form>

если хотя бы в 1 select value=0 форму не субмитнуть

для 1 делал так:

function test ()
	{
	   
		var txt = document.getElementById('').value;
	    
 if(txt == '0')
	    {
	        alert('test');
	        return false;
	    }		
	    return true;
	}

Но если много select'ов как сделать?

ksa · #2 (**permalink**) 18.09.2013, 19:39

Сообщение от djonA

если много select'ов как сделать?

Как вариант, использовать

document.getElementsByTagName('select');

Далее в цикле...

djonA · #3 (**permalink**) 18.09.2013, 19:57

<form onsubmit="return test ();">
<select class="class">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>

</select>

<select class="class">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>

</select>


<input type="submit">
</form>

<script>
function test ()
{

var txt = getElementsByTagName('select.class');

тут надо как то добавить цикл, но что то мозги не варят как

if(txt == '0')
{
alert('test');
return false;
}      
return true;
}
</script>

рони · #4 (**permalink**) 18.09.2013, 20:13

djonA,

Сообщение от djonA

getElementsByTagName('select.class');

вы изобрели новый тег

рони · #5 (**permalink**) 18.09.2013, 20:15

Сообщение от djonA

тут надо как то добавить цикл, но что то мозги не варят как

вспомни былое идентифицировать id

djonA · #6 (**permalink**) 18.09.2013, 21:36

<form onsubmit="return test ();">
<select class="class">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>

</select>

<select class="class">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>

</select>


<input type="submit">
</form>

<script>
function test ()
{

 for (var txt1 = document.querySelectorAll("select.class"), c = 0; o < a.length; o++);

тут вроде все ок  а дальше не получается
	    o.addEventListener("change", function (d) {
	    return function () {
	        txt1[d].value = this.value
	    }
	}(o), !1);

и как условие написать тоже не получается

if(txt1 == '0')
{
alert('test');
return false;
}      
return true;
}
</script>

рони · #7 (**permalink**) 18.09.2013, 22:13

djonA,

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
<meta charset="utf-8">
<script>
function test() {
    for (var b = document.querySelectorAll("select.class"), a = 0; a < b.length; a++)
        if ("0" == b[a].value) return false;
    return true
};
</script>
</head>
<body>
<form onsubmit="return test();">
<select class="class">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>

</select>

<select class="class">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>

</select>


<input type="submit">
</form>
</body>
</html>

unl0k · #8 (**permalink**) 18.09.2013, 22:27

Меня опередили), но я тоже набросал на скорую руку.

<script type="text/javascript">
    function check(cls, num) {
        var items = document.getElementsByClassName(cls);
        for (var i = 0; i < items.length; i+=1){
            if (+items[i][items[i].options.selectedIndex].value === num) {
                return false;
            }
        }
        return true;
    }
</script>
<form>
    <select class="sel">
        <option value="0">0</option>
        <option value="1">1</option>
        <option value="2">2</option>
    </select>
    <select class="sel">
        <option value="0">0</option>
        <option value="1">1</option>
        <option value="2">2</option>
    </select>
    <input type="submit" onClick="return check('sel', 0)">
</form>

djonA · #9 (**permalink**) 18.09.2013, 22:30

Супер огромное спасибо пошел дальше грызть гранит науки

рони · #10 (**permalink**) 18.09.2013, 22:36

Сообщение от unl0k

(+items[items[i].options.selectedIndex].value

лихо закручено

Форум

Справочник

Discord чат

Курсы javascript