2014-10-28 102 views
-2

我试图在调用操作时更改HTML按钮上的文本,但没有运气,我似乎错过了一些东西。更改提交按钮的文本

HTML:

<button name="Action" id="" name="SubmitButton" type="submit" value="SaveData">Update this text Page</button> 

JS:

document.getElementById('SubmitButton').value = "New Text"; 
+7

'ID = “NAME =” 提交按钮“' – orhanhenrik 2014-10-28 20:18:49

+0

你如何调用该函数?你会得到错误吗? – j08691 2014-10-28 20:19:35

+0

你需要更具体一点,提供你的按钮的ID以及如何调用函数。 – CodeGodie 2014-10-28 20:20:38

回答

0

所以你需要使用innerHTML

HTML

<button id="SubmitButton" type="submit">Update this text Page</button> 

JS A键是不喜欢的输入元素

document.getElementById('SubmitButton').innerHTML = "New Text"; 

输入类型提交另一方面是一个输入,可以有一个值。发现

HTML

<input id="SubmitButton" type="submit" value="Update this text Page" /> 

JS

document.getElementById('SubmitButton').value = "New Text"; 
+0

a buttton is a表单元素根据:http://www.w3.org/TR/html401/interact/forms.html – 2015-08-07 13:41:20

+0

@OmarGonzales修改,以消除任何不正确的语义。说实话,这并不重要,但最好清楚一点,所以我直接将它与输入相关联,因为我在演示中使用它 – sidonaldson 2015-08-07 14:16:52

0

问题:

  • 没有ID分配给你的元素
  • 要更改按钮的文本,你需要使用.innetHTML而不是。价值
  • 该函数未被调用。

试试这个:

HTML:

<button id="SubmitButton" onclick="test(this)" type="submit">Update this text Page</button> 

JS:

function test(e) { 
    e.innerHTML = "New Text"; 
} 
相关问题