Question

我正在尝试使用onsubmit将提交给我的表单的值传递给函数。

<form action="#" onsubmit="getWeather();return false">
    City: <input type="text" id="city">
    <input type="submit" />
</form>

那么我如何将城市的价值传递给getWeather函数呢？谢谢！

Answer 1

为该字段命名，然后使用this.city.value

传入该值

<form action="#" onsubmit="getWeather(this.city.value);return false">
    City: <input type="text" name="city" id="city-field">
    <input type="submit" />
</form>

Answer 2

必须在使用前声明该函数。您可以在声明表单之前在脚本标记内执行此操作：

<script>
    function getWeather(){
        var city = document.myform.city.value;     
        return false;
    }
</script>

然后将其添加到html中，如下所示：

<form action="#" onsubmit="getWeather()" id="myform">
    City: <input type="text" id="city">
    <input type="submit" />
</form>

最好的运气！

如何使用onsubmit传递表单元素？

2 个答案: