całkowicie newbie ... Chcę tylko wiedzieć, jak dynamicznie wyłączyć pole wejściowe, gdy pole drugie wejście jest wypełnionaWyłącz pole wejściowe czy drugie pole wejściowe jest wypełniona
np
<td><input type="text" name="num-input1" id="dis_rm" value=""></input></td>
<td><input type="text" name="num-input2" id="dis_per" value="" ></input></td>
pls ... jakieś linki i wskazówki zrobi ...
wystarczy dać mu właściwość niepełnosprawnych:
document.getElementById("dis_rm").disabled = true;
document.getElementById("dis_per").disabled = true;
można używać na zmianę imprezy, aby zobaczyć, jeśli jeden z nich jest wypełniona:
var dis1 = document.getElementById("dis_rm");
dis1.onchange = function() {
if (this.value != "" || this.value.length > 0) {
document.getElementById("dis_per").disabled = true;
}
}
więc jeśli pierwsza jest napełniony, drugi zostanie wyłączony
Możesz tak więc użyj zdarzenia onkeydown, aby sprawdzić, czy jedno z nich jest puste, czy nie. – Ibu
skrzypce pls ibu ... nie wydaje mi się, żeby to dobrze brzmiało – debrajsy
@debrajsy tutaj działa [Fiddle] (http://jsfiddle.net/9fSAj /) mojego kodu. kiedy wypełniasz jedno pole, drugie jest wyłączone, gdy je wyczyścisz, wszystko wróci do normy – Ibu
Ustaw flagę disabled na polu chcesz wyłączyć, gdy zostanie wywołane zdarzenie OnBlur (dla opuszczenia pola) lub gdy zostanie wywołane zdarzenie OnChanged (z oczywiście sprawdzaniem poprawności na tej zmianie).
$('#secondinput').live('blur',function(){
$('#firstinput').attr('disabled', true);
});
Dzeije działa, gdy wypełnione pole drugie wejście i kliknij gdzie indziej ..........
$('#dis_per').blur(function(){
if($(this).val().length != 0){
$('#dis_rm').attr('disabled', 'disabled');
}
});
http://jsfiddle.net/jasongennaro/D7p6U/
Objaśnienie:
, gdy drugie wejście traci ostrość ... .blur()
Sprawdź, czy ma coś w sobie. Aby to zrobić, upewniając się, jego długość nie jest równa zero !=0
jeśli ma coś w nim, dodać attributedisabled i ustawić go disabled
Tylko reklamy to do Twojej skrzynki 2nd tekstowego:
onblur="document.getElementById('dis_rm').disabled = (''!=this.value);"
Możemy ommit pewne kroki, odnosząc się do formularza jako obiekt.
document.form1.num-input2.onchange = function() {
if (this.value != "" || this.value.length > 0) {
document.form1.num-input1.disabled = true;
}
}
Lubię tę odpowiedź, używając jQuery:
$('#seconddiv').live('focus',function(){
$('#firstdiv').attr('disabled', true);
});
Mam pasek wyszukiwania, który daje wyniki wyszukiwania z każdym naciśnięciem przycisku, jeśli nie zwraca żadnych wyników, wówczas użytkownik jest przedstawiona z postaci, Zapytaj o pomoc. Jeśli jednak wypełnią "formularz zapytania", a następnie ponownie wpiszą pasek wyszukiwania, usunie wszystko, co wpisali w formularzu zapytania. Aby rozwiązać ten problem, podałem wszystkie dane wejściowe w formularzu zapytania id "drugiego div" i id pola wyszukiwania = "firstdiv". Teraz, jeśli klikną lub przejdą do jednego z pól wprowadzania formularza zapytania, zostanie wyłączony pasek wyszukiwania, dzięki czemu ich dane nigdy nie zostaną nadpisane.
Dodam również przycisk, który ponownie włączy formularz wyszukiwania, jeśli zmienią zdanie.
A dla początkujących - I umieścić kod w nagłówku dokumentu jak ta:
<html>
<head>
<script type="text/javascript">
$('#seconddiv').live('focus',function(){
$('#firstdiv').attr('disabled', true);
});
</script>
</head>
<body>
....
wypełnionych środkami po wpisaniu danych w drugim polu tekstowym i kliknij gdzie indziej w aplikacji ?? –
tak ... po tym, jak drugie wejście zostanie automatycznie wypełnione, pierwsza zostanie wyłączona ... jak? :( – debrajsy
możesz użyć zdarzenia onchange lub onkeydown, aby wykryć zmiany w polu wejściowym, zobacz moją odpowiedź poniżej – Ibu