Übergabe Wert aus text-input in der javascript-Funktion

In meine html-Datei rufe ich eine javascript-Funktion, die zwei Parameter nimmt, wo der zweite parameter ist der name der Datei, die gespeichert werden sollen.

<a id="record_button" onclick="Recorder.record('audio', 'test.wav');" href="javascript:void(0);" title="Record"><img src="images/record.png" width="24" height="24" alt="Record"/></a>

Ich würde gerne eine dynamische variable nimmt den Wert aus einem Textfeld und nach vorn, als der zweite parameter (anstelle von test.wav), so kann der Benutzer bestimmen Sie den Namen der Datei.

<label for="filename">Filename</label>
<input name="filename" type="text">

Dank.

InformationsquelleAutor Casper Slynge | 2011-10-31

  1. 11

    Dies ist einfacher, wenn geben Sie Ihre Benutzer-Eingabe einer id Attribut:

    <input name="filename" id="filename" type="text">

    Nun können Sie den Wert zuzugreifen, der in Javascript mit:

    document.getElementById('filename').value

    Beachten Sie, dass, wenn Sie nicht die Kontrolle der Recorder.record() Methode, Sie benötigen, um die Benutzereingabe überprüfen zuerst (auf ein minimum, um zu überprüfen, dass Sie eingegeben haben etwas). Ich würde empfehlen, wenn diese in eine separate Funktion, z.B.:

    function recordToFilename() {
    var input = document.getElementById('filename'),
        fileName = input.value;
    if (fileName) {
        Recorder.record('audio', fileName);
    } else {
        alert('Please enter a filename!');
        input.focus();
    }
}

    Dann verwenden Sie einfach die Funktion:

    <a id="record_button" onclick="recordToFilename();" href="javascript:void(0);" title="Record"><img src="images/record.png" width="24" height="24" alt="Record"/></a>

    Beispiel: http://jsfiddle.net/nrabinowitz/GFpRy/

    Gut. Fügen Sie einfach ein fileName.focus() unten, um alert 🙂
    gute Idee - oben Hinzugefügt. Man könnte auch einfach machen das alert eine prompt und vielleicht Graben die Eingabe insgesamt...
    Danke für die Antwort. Habe ich einen <script>Datensatz mit dem Namen der Funktion</script> in meiner HTML-Datei, und genau wie Sie geschrieben haben. Allerdings passiert nichts, wenn ich drücken Sie die record-Taste. Sobald ich die onclick-zu-Recorder.Datensatz('audio', 'test.wav'); funktioniert es, aber beim Wechsel zu recordToFilename(); nicht
    Bekommst du irgendwelche Javascript-Fehler? Wie sind Sie mit der Definition der Funktion? Siehe das Beispiel habe ich oben aufgeführt.

    InformationsquelleAutor nrabinowitz

  2. 2
    Recorder.record('audio', document.yourformname.filename.value)

    Stellen Sie sicher, dass eine name="?" - Attribut für das Formular für diese zu arbeiten, und ersetzen Sie yourformname mit was Sie, wie der name des Formulars. filename bezieht sich auf die Eingabe der name Attribut als auch.

    InformationsquelleAutor casraf

  3. 1
    <html>
<head>
  <script>
     function addData (fn, ln, em) {

       console.log(fn);
       console.log(ln);
       console.log(em);

     }
 </script>
</head>
<body>
    <input Type="text" name="FirstName" id="fn">
    <input Type="text" name="LastName" id="ln">
    <input Type="email" name="Email" id="em">
    <button onClick="addData(fn.value,ln.value,em.value)">click</button> 
</body>
</html>
    Fügen Sie bitte Erläuterungen auf Ihre Antwort.
    wenn der javascript-code ist fix, aber html-Feld-id ändern, dann können wir diesen code verwenden.
    Ich kann arbeiten es aus, aber ich bezweifle, dass der OP kann, wenn Sie noch wenig Erfahrung hatte (obwohl nach 6 Jahren von JavaScript, die er wahrscheinlich in der Lage sein sollten).

    InformationsquelleAutor Vijay Makwana

Schreibe einen Kommentar