2014-12-20 175 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]')。....等等。 –