javascript - 如何更改按钮的值并在单击时添加更多按钮以形成表单？

Question

当在我的页面上点击一个元素时，我需要将下面这个表单中的提交按钮的值更改为Edit并使用 $("#submitform").append(''); 添加两个按钮.

但是，它不是页面上的唯一表单，它位于 <div> 中所以我无法使用

访问它

document.submitform.submit.value

我可以使用哪些其他方式来访问此表单的输入按钮值？

<div id="adds-content" class="switcher-content set1 show">
  <form action='/post' name='submitform' id="submitform" method='post' class='pure-form'>
    <textarea columns="40" rows="4" name='entry[body]' id="statement" placeholder='enter a note'></textarea>
    <input type='submit' name="submit" value="save" class="pure-button pure-button-primary" />
  </form>
</div>

Answer 1

假设您已经在页面上使用 jQuery，您可以使用 .val() 更改按钮文本并使用 .after() 添加新的 DOM 元素.代码可能类似于以下内容:

$('.edit-form').on('click', function(){
    $('.submitform-submit')
        .val('Edit')
        .after('<button>Button 1</button>')
        .after('<button>Button 2</button>');
});

有关工作示例，请参阅此 JSFiddle:http://jsfiddle.net/p5cy6xv8/