单击按钮后无法console.log（“ xyz”）。

Question

似乎javascript函数从未执行过。 谁能告诉我为什么？

<form>
    <select type="text" name="month" id="month">
        <option value="01">January</option>
        <option value="02">February</option>
        <option value="03">March</option>
        <option value="04">April</option>
        <option value="05">May</option>
        <option value="06">June</option>
        <option value="07">July</option>
        <option value="08">August</option>
        <option value="09">September</option>
        <option value="10">October</option>
        <option value="11">November</option>
        <option value="12">December</option>
    </select>
    <button type="submit" id="jobmonth">View all job requests in this month</button>
    </form>

    <script type="text/javascript">
         $('#jobmonth').click(function() {
              console.log("work");
              var month = $('#month').val();
              console.log(month);
    }
    </script>

没有console.log工作。 PS-对不起，这么愚蠢的问题。 我只是JS的初学者。

Answer 1

类型的按钮submit旨在提交不管它的行动的形式。 在这种情况下，它只会刷新页面。

相反，只需将type更改为button 。

<button type="button" id="jobmonth">View all job requests in this month</button>

这将不会提交页面，您将看到记录的结果。

Answer 2

尝试给您的标签提供ID，然后改用Submit事件。 这意味着console.log将在提交表单而不是单击按钮时触发，但结果应相同：

<form id="myform">
    <select type="text" name="month" id="month">
        <option value="01">January</option>
        <option value="02">February</option>
        <option value="03">March</option>
        <option value="04">April</option>
        <option value="05">May</option>
        <option value="06">June</option>
        <option value="07">July</option>
        <option value="08">August</option>
        <option value="09">September</option>
        <option value="10">October</option>
        <option value="11">November</option>
        <option value="12">December</option>
    </select>
    <button type="submit" id="jobmonth">View all job requests in this month</button>
    </form>

    <script type="text/javascript">
         $('#myform').on('submit', function() {
              console.log("work");
              var month = $('#month').val();
              console.log(month);
    }
    </script>

您还可以使用“提交”的简写： https : //api.jquery.com/submit/