HTML 中的 JavaScript : Getting undefined input value?

Question

出于某种原因，当我在以下脚本中输入值时，ISBN 的值始终未定义。我不确定为什么会这样。我也设置了按钮来运行函数 onclick...

HTML:

<form id="frm1">
    Book ISBN: <input type="text" name="fname"><br><br>
    <input type="button" onclick="myFunction()" value=行きましょう！>
</form>

JavaScript

function myFunction() {
    var isbn = document.getElementById("frm1").submit(); // Replace with ISBN / EISBN / ASIN of the book
    alert("Starting!");
    alert(isbn);

    var api_key = "cf6f5fe91531a855495d77fc06dd9ada6f1fa1f7"; //Replace with the developer key (Submit the form to get a key)

    //Optional Settings
    var smiley = 'true'; // Change to false if do not want to show smiley with each review
    var width = 700;     // Width of the reviews iframe
    var height = 400;    // Height of the reviews iframe
    var wf = document.createElement('script');
    var host = "idreambooks.com";  

    wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
              '://' + host + '/reviews_widget.js?api_key=' + api_key + '&isbn=' + isbn +
              '&smiley=' + smiley + '&width=' + width + '&height=' + height;
    wf.type = 'text/javascript';
    wf.async = 'true';

    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(wf, s);
}

关于如何获取输入值，我是否遗漏了什么？

Answer 1

var isbn = document.getElementById('someIdYouAssignTheInput').value;

如上所述，提交不返回任何内容，这就是该值未定义的原因。您想要获取输入元素的值。最好的方法是给它分配一个 id，然后使用我上面包含的代码。

祝你好运!