wie zum ein - /ausblenden textarea basiert auf wählen Sie in jquery?

habe ich ein select-Feld und eine textarea ein. Und ich bin versucht zu verstecken/zeigen die textarea in Abhängigkeit von der wählen Sie die Art ich machen:

<select id="select" name="management">
    <option value="0" selected="">Select One</option>
    <option value="1">Yes</option>
    <option value="0">No</option>
</select>
<textarea id="textarea" name="searching_gig_des" wrap="VIRTUAL" cols="50" rows="5"></textarea>
​
var textarea = $('textarea');.
var select   = $('#select').val();

textarea.hide();

if (select == '1'){
  textarea.show();
}
if (select == '0'){
  textarea.hide();
}
​

oder jsfiddle

irgendwelche Ideen?

Dank

InformationsquelleAutor Patrioticcow | 2012-03-01
  1. 3

    Haben Sie ein paar syntax-Fehler, plus Sie sind nicht verbindlich, die change event für die select

    $('#select').change(function(){

        var textarea = $('textarea');
        var select   = $(this).val();

        textarea.hide();

        if (select == '1'){
          textarea.show();
        }
        if (select == '0'){
          textarea.hide();
        }
});​

    jsfiddle

    InformationsquelleAutor Gabe
  2. 2
    $('#select').change(function(){
    var value = $(this).val();
    var textarea = $('textarea');

    if (value == '1'){
        textarea.show();
    }
    if (value == '0'){
        textarea.hide();
    }

});
    InformationsquelleAutor xandercoded
  3. 1

    http://jsfiddle.net/uhv5R/5/

    Binden Sie das JS, um das change-Ereignis, und Sie hatten einen extra-Zeit gab es auch.

    InformationsquelleAutor Justice Erolin
  4. 1

    Du hast einige Fehler in deinem jquery-code. Auch müssen Sie behandeln change-Ereignis für Ihr wählen Sie. Hier ist die aktualisierte jsfiddle http://jsfiddle.net/uhv5R/6/

    InformationsquelleAutor DG3
  5. 1

    Entfernen Sie zunächst den Zeitraum (.) nach dem semi-colon auf der ersten var Linie. Dann wickeln Sie die if in eine change() event-handler, und stellen Sie die zweite if eine else if*:

    var textarea = $('#textarea');
var select   = $('#select').val();

textarea.hide();

$(select).change(
    function(){
        if (select == 1){
          textarea.show();
        }
        else if (select == 0){
          textarea.hide();
        }
    });

    JS Fiddle update.

    • Dies ist nicht streng notwendig. Aber es macht mehr Sinn für mich, da die beiden Bedingungen verbunden sind. Auf der anderen Seite, es könnte auch nur ein else (statt else if, da gibt es eigentlich nur zwei Optionen).
    InformationsquelleAutor David Thomas
  6. 1

    Versuchen:

    var textarea = $('textarea');
$('#select').change(function() {
    if ($(".yes:selected").val() == 1) {
        textarea.show();
    }
    else {
        textarea.hide();
    }
});​

    http://jsfiddle.net/uMTmm/1/

    InformationsquelleAutor switz
  7. 1

    Entfernen Sie die . aus var textarea = $('textarea');. und Sie sind gut zu gehen.

    Btw, ich nehme an, dass Sie versuchen zu show/hide textarea auf der Grundlage der drop-down-Wert onload von der Seite.

    Müssen Sie ändern handler wie unten, wenn Sie wollen, ein - /ausblenden textarea basierend auf dropdown-Auswahl,

    var $select = $('#select');

$select.change(function() {
    var select = $(this).val();
    if (select == '1') {
        textarea.show();
    }
    if (select == '0') {
        textarea.hide();
    }
});
    • downvoter - Bitte erklären, warum das so war runter gestimmt?
    InformationsquelleAutor Selvakumar Arumugam
Schreibe einen Kommentar