Javascript生成的Submit按鈕不在Firefox中發布

Question

我見過與此問題相關的類似帖子，但沒有一個被證明有用。

我有幾個由javascript生成的表單提交按鈕。

PHP根據按下哪個按鈕為功能設置某些參數。 問題在於，如果提交按鈕是由javascript生成的，則它們根本不會添加到POST數組中。 如果我將提交按鈕直接放入視圖中，它們就可以正常工作。 這只是Firefox中的問題

注意：這與實際提交的表單無關，只是沒有將提交按鈕的name => value傳遞給POST。

$('#my-total-dial').highcharts(Highcharts.merge(gaugeOptions, {
    yAxis: {
        min: 0,
        max: myTotalRecords,
        title: {
          text: 'All Time'
        }
    },

    credits: {
        enabled: false
    },

    series: [{
        name: 'All',
        data: [myTotalRecords],
        dataLabels: {
            format: '<div style="text-align:center"><span style="font-size:18px;color:' +
                ((Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black') + '">{y}</span><br/></div>' +
                   '<button name="my-total-records-view" class="glyphicon glyphicon-eye-open" title="View Records"></button><button name="my-total-records-csv" class="glyphicon glyphicon-file" title="Export Records to Spreadsheet"></button>'
        },
        tooltip: {
            valueSuffix: ' records'
        }
    }]

}));

在Chrome中，這是POST吐出的內容：

array(3) { ["_token"]=> string(40) "XB16S144KnTue3ER6x4H8mdQO1rwxGP6BmAciYvK" ["my-total-records-view"]=> string(6) "Submit" ["user_name"]=> string(1) "1" }

這就是我在Firefox中得到的

array(2) { ["_token"]=> string(40) "UTKWISXMNvUfGjfFxxya8ojYXSgGc8dS5kUS5Hck" ["user_name"]=> string(1) "1" } 

Answer 1

默認情況下， <button>元素不提交表單。 使用<input type='submit'>代替。