2014-12-20 126 views
2

当在我的页面上点击一个元素时,我需要将下面这个表单中的提交按钮的值更改为Edit,并使用$("#submitform").append('');将另外两个按钮添加到它。如何更改按钮的值并添加更多按钮以形成点击?

但是,它不是页面上的唯一形式和它的内<div>所以我无法通过访问该表单的输入按钮值我可以使用的

document.submitform.submit.value 

什么其他的方式(S)访问它?你已经在页面上使用jQuery

<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> 
+2

只能是一个'ID =“submitform”'在网页所以不清楚whay你不能访问提交。其他正在被点击的元素以及点击处理代码在哪里?问题不完整 – charlietfl

+0

我也是,我不明白。可能是因为我使用的菜单显示/隐藏该窗体的div。 –

+1

,这没有任何意义。没有你显示不工作的代码没有人可以帮助你 – charlietfl

回答

1

假设,你可以使用.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/

+0

谢谢,但我想访问它,而无需将类或ID添加到按钮。如果表单中没有ID,如何访问某个按钮? –

+0

您可以使用$('#adds-content input [type = submit]')。....等等。 –