javascript - HTML 表单调用 javascript 函数

标签 javascript jquery html

这将是一个愚蠢的问题,只是试图找出我的方法来解决 Javascript 函数与 HTML 表单交互的问题,但无法让它工作。

极其简单,放在一个fiddle

$('#test').submit(function(){
    var battery = $('#battery').value();
    $('#output').text(battery);
});

<form id="test" action="">
    <fieldset>
        <label for="battery">Cell Count</label><br />
        <input type="number" size="3" name="battery" id="battery" /><br />
        <input type="submit" name="submit" id="submit" onclick="submit()" />
    </fieldset>
</form>

<div id="output">

</div>​​​​

总是返回错误,我想不通为什么。玩过和其他东西,不能让它工作总是错误。

最佳答案

错误可能是 .value() 不是一个函数。你想要 .val()

关于javascript - HTML 表单调用 javascript 函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14047013/

相关文章:

javascript - 在 Jquery 中加载图像和不良行为

javascript - 页面加载时自动单击超链接

jquery - AjaxForm 清除文件输入元素

javascript - 图像拉伸(stretch)和裁剪以适合精确尺寸

java - jsp 自动完成 ="off"在 Chrome 或 Firefox 中不起作用

javascript - 单击时计数未更新

javascript - WebRTC 减少录制视频的大小

javascript - 可观察到的 `of` 已弃用。什么是等价物?

jquery - FullCalendar:自定义日历

宽度较小的 HTML5 日期选择器在 Chrome 中不显示完整日期