Question

我正在调用此函数：

function submit_button(button_id){
    $('#' + button_id).attr('type', 'submit');
}

使这个按钮类型=提交而不是按钮。：

<input  name="confirm_button" id="confirm_button" type="button" value="Confirm" class="login_btn" />

我收到此错误（在Firefox中）：

未捕获的异常：无法更改type属性

有没有工作？

Answer 1

function submit_button(button_id){
    $('#' + button_id).prop('type', 'submit');
}

请注意，这会更改类型，但不会更改值，因此按钮仍会显示＆＃34;确认＆＃34;。

证明它的小提琴：http://jsfiddle.net/qeUxP/

Answer 2

为什么jQuery不允许你只改变类型属性？

因为它会导致 Internet Explorer 出现问题。

更多信息：change type of input field with jQuery

“直接来自jQuery源代码”：

// We can't allow the type property to be changed (since it causes problems in IE)
if ( name == "type" && jQuery.nodeName( elem, "input" ) && elem.parentNode )
    throw "type property can't be changed";

Answer 3

终于工作了，试着找到以下内容：

   $("#confirm_button").each(function () 
   { this.type = "number"; });

Answer 4

这是一个解决方法：

$('<input name="confirm_button" id="confirm_button2" type="submit" value="Confirm" class="login_btn" />').insertAfter('#confirm_button');
$('#confirm_button').remove();

Answer 5

为什么不直接绑定到click事件并在点击处理程序中调用表单提交？

Answer 6

的的javascript：

function submit_button(){ var btn=document.getElementById('button_id'); btn.setAttribute('type', 'submit'); }

=============================================== =======================

的 Jquery的：

function submit_button(){ $('#' + button_id).prop('type', 'submit'); }

=============================================== =======================

Answer 7

解决方法是创建一个正确类型的元素，并替换当前现有的元素。

但是，在您的示例中，<button>元素可用于提交表单，呈现为按钮，而不需要任何javascript，例如：

<button name="confirm_button" id="confirm_button" type="input" value="Confirm" class="login_btn" disabled />

然后再次启用该按钮：

$('confirm_button').removeAttr('disabled');

为什么我不能改变要提交的输入元素的类型？

7 个答案:

的的javascript：

的 Jquery的：