|
Сообщение от Игося
|
|
Как сделать, чтобы пользователь мог выбрать пункт "деньги" только в одном select-е? Выбрал в первом - в остальных пропало. Поставил в первом на "семью" - "деньги" восстановились в остальных.
|
Как вариант...
<!DOCTYPE html>
<html>
<head>
<!--
<script src="http://code.jquery.com/jquery-latest.js"></script>
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
</style>
<script type="text/javascript">
function test(Obj) {
var typ=(Obj.options[Obj.selectedIndex].innerHTML=='Деньги');
var os=Obj.parentNode.getElementsByTagName('select');
var i;
for (i=0; i<os.length; i++) {
if (os[i]!=Obj) {
os[i].disabled=typ;
}
};
};
</script>
</head>
<body>
<form>
<p>Расставьте значения по приоритету (назовем ее так)<br>
На первом месте
</p>
<select onchange='test(this)'>
<option></option>
<option>Деньги</option>
<option>Семья</option>
<option>Здоровье</option>
</select>
<p>На втором месте</p>
<select onchange='test(this)'>
<option></option>
<option>Деньги</option>
<option>Семья</option>
<option>Здоровье</option>
</select>
<p>На третьем месте</p>
<select onchange='test(this)'>
<option></option>
<option>Деньги</option>
<option>Семья</option>
<option>Здоровье</option>
</select>
</form>
</body>
</html>