javascript - 将文本输入的值传递给javascript函数

Question

在我的 html 文件中，我调用了一个带有两个参数的 javascript 函数，其中第二个参数是应该保存的文件的名称。

<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>

我想制作一个动态变量，它从文本字段中获取值并将其作为第二个参数(而不是 test.wav)转发，以便用户可以确定文件的名称。

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

谢谢。

Answer 1

如果您为用户输入一个 id 属性，这会更容易:

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

现在您可以通过以下方式访问 Javascript 中的值:

document.getElementById('filename').value

请注意，如果您不控制 Recorder.record() 方法，则需要先验证用户输入(至少要验证他们是否输入了某些内容) ).我建议将它移到一个单独的函数中，例如:

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

然后只需使用该函数:

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

工作示例:http://jsfiddle.net/nrabinowitz/GFpRy/