Wie kann ich die "erforderlich" - Attribut zum input-auf die Veränderung der textarea?

Muss ich hinzufügen das required-Attribut auf ein html-select (toDept) unter der Bedingung, dass ein textarea (orderComments) hat eingegebene text in es. Unten ist mein code... Was bin ich? Brauche ich, um mein jquery auf ein change-Ereignis, oder was?

JS:

    $(document).ready(function() {
          if ($('#textareaId').val() != '') {
            $("#selectId").attr('required', true);
          }
        }

HTML:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<textarea id="textareaId"></textarea>

<select id="selectId">
  <option value=""></option>
  <option value="opt1">opt1</option>
</select>

Vielen Dank für Ihre Zeit!

  • Dieser code wird nur ausgeführt wenn die Seite geladen wird, und dann nie wieder.
InformationsquelleAutor MacTheSpiller | 2014-10-14
  1. 9

    Müssen Sie, um den code auszuführen, wenn in der textarea ändert:

    var textarea = $('#textareaId');
var select = $('#selectId');

var addOrRemoveRequiredAttribute = function () {
    if (textarea.val().length) {
        select.attr('required', true);
    }
    else {
        select.attr('required', false);
    }
};

//Run now
addOrRemoveRequiredAttribute();

//And when textarea changes
textarea.on('change', addOrRemoveRequiredAttribute);
    • Vielen Dank - landete ich mit diesem code. attr() fügt das Attribut required für select wie dieses: required=""... dies funktioniert nicht bei IE, kennen Sie einen Weg, um legen Sie einfach das gewünschte Attribut, ohne das =""?
    • Hmm nicht sicher, ob ich im folgenden, aber ich denke, man könnte versuchen select[0].required = true.
    InformationsquelleAutor powerbuoy
  2. 1
    $(document).ready(function(){
  $("#textareaId").on('change keyup paste', function() {
        $("#selectId").attr('required',true);
  });
});

    Sie zu binden, müssen diese auf das Ereignis, wenn der textarea ändert

    • Sie sollten überprüfen, um sicherzustellen, dass das Textfeld etwas eingegeben zu.
    InformationsquelleAutor Joseph
  3. 1

    Werden Sie wollen, um zu überprüfen, auf das change-Ereignis, oder vielleicht auch anderen. Hier fügte ich den code in eine .auf () - Methode läuft also nach jedem change-Ereignis. Dann rufe ich das change-Ereignis zu tun, das es einmal auf Start.

    JS:

        $(document).ready(function() {
        $('body').on('change', '#textareaId', function(){
          console.log("test");
          if ($(this).val() != '') {
            $("#selectId").attr('required', true);
          }
        });

        $('#textareaId').change();
    });

    HTML:

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<textarea id="textareaId"></textarea>

<select id="selectId">
  <option value=""></option>
  <option value="opt1">opt1</option>
</select>

    Klicken Sie auf die Schaltfläche ausführen, um zu sehen, dass es funktioniert. Bedenken Sie, dass, sobald das erforderliche Attribut gesetzt ist, es ist nie ausgeschaltet. Sie müssten, um eine else-Klausel und ausgeschaltet, wenn der Wert leer ist.

    InformationsquelleAutor Surreal Dreams
  4. 0

    Du willst dynamisch festlegen der required Eigenschaft des select wenn die textarea geändert wird (per cut-and-paste, die regelmäßige Eingabe, löschen, etc):

    $('#textareaId').on("input propertychange", function(){ $('#selectId').prop('required', $(this).val().length) });

    Eindeutig sein: wenn jemand etwas in der textarea, die select wird benötigt; wenn jemand nimmt Ihren text aus der textarea, die select's required Attribut entfernt wird (die Option ist nicht mehr erforderlich).

    Sehen in diesem Beispiel arbeiten.

    InformationsquelleAutor Jeromy French
Schreibe einen Kommentar