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/

如何更改按钮的值并在点击时添加更多按钮？

1 个答案: