[HTML][JavaScript]select i akcja na input Opcje

[robos85]

Mam taki kod JS:

[HTML] pobierz, plaintext 
window.onload=Load;
 
function Load(){
	document.forms['compose_form'].reciever.enabled=true;
}
function check_reciever(){
	var form_compose=document.getElementById('friends_list');
	var selIndex=form_compose.selectedIndex;
	if form_compose.options[selIndex].value!=0{
		document.forms['compose_form'].reciever.disabled=true;
	}
	else{
		document.forms['compose_form'].reciever.enabled=true;
	}
}
[HTML] pobierz, plaintext 

i form :

[HTML] pobierz, plaintext 
<form action="/inbox" method="post" name="compose_form">
			<div style="width:565px;">
				<div style="float:left;width:52px;min-width:52px;text-align:left;padding-top:5px;">
					Do:
				</div>
				<div style="float:left;width:300px;">
					<input type="text" name="reciever" style="width:295px;" />
				</div>
				<div style="float:left;text-align:right;width:213px;">
					<select style="width:180px;" id="friends_list" onchange="check_reciever()">
						<option value="0">----------</option>
						<option value="1">11111111</option>
						<option value="2">22222222</option>
						<option value="3">33333333</option>
					</select>
				</div>
			</div>
			<div style="width:565px;clear:both;padding-top:10px;">
				<div style="float:left;width:52px;text-align:left;padding-top:5px;">Temat:</div>
				<div style="float:left;width:513px;"><input type="text" name="reciever" style="width:513px;" /></div>				
			</div>
			<div style="width:565px;clear:both;padding-top:10px;">
				<div style="float:left;width:52px;text-align:left;">
					Treść:
				</div>
				<div style="float:left;width:513px;">
					<textarea style="width:513px;height:200px;"></textarea>
				</div>				
			</div>
			<div style="width:565px;clear:both;padding-top:10px;text-align:right;">
				<button style="width:96px;height:24px;border:none;background:url(../images/send_button.png) no-repeat;"></button>
			</div>
		</form>
[HTML] pobierz, plaintext 

I gdy wybieram jakąś opcję z selecta, pole input nie przyjmuje atrybutu "disabled".
Co skopałem?

[Shili]

Bardziej eleganckie. I profesjonalne. Skoro atrybut nie jest potrzebny nie ma sensu zostawiać pustej wartości, skoro bez żadnego problemu można ten atrybut usunąć, a później go przywrócić w razie potrzeby. W kodzie nie zostają żadne śmieci.
Oczywiście - ustawianie atrybutu jako pusty nie jest niepoprawnością ze względu na strukturę dokumentu.

W tym momencie funkcja check_reciever() wyglądałaby jakoś tak:

Kod

function check_reciever(){
    var form_compose=document.getElementById('friends_list');
    var selIndex=form_compose.selectedIndex;
    if (selIndex != 0) {
        document.forms['compose_form']['reciever'][0].setAttribute('disabled', 'disabled');
    } else {
        document.forms['compose_form']['reciever'][0].removeAttribute('disabled');
    }
}

Ten post edytował Shili 17.09.2008, 11:42:06