在輸入文本域時更改按鈕值

我有一個按鈕（用CSS樣式表示爲按鈕）。在它旁邊是一個輸入字段。我希望按鈕的值隨着用戶在文本框中輸入一個值而動態改變。什麼是最簡單的方法來做到這一點？在輸入文本域時更改按鈕值

我的形式：

<form> 
    <div class="span-3" id="bid_btns"> 
     <div id="bid_button"> 
      <a href=""><?php echo $somethingwhichshouldchange; ?></a> 
     </div> 
    </div> 
    <div class="span-3 last" id="bid_btns"> 
     <div id="bid_field"> 
     <input type="text" class="title" name="bid_field" id="bid_field" maxlength="5"/> 
     </div> 
    </div> 
</form>

來源

2012-03-01 user1163859

你不能用HTML和PHP來做到這一點;客戶端腳本通常使用Javascript來完成。 – 2012-03-01 14:26:55

如果你想使按鈕標籤/值的變化作爲您鍵入，PHP是沒有什麼幫助。您需要在瀏覽器中運行腳本 - JavaScript。如果你使用jQuery（你確實要求最簡單的方法，而jQuery使得它更簡單），你需要一些代碼來改變按鈕，因爲輸入值發生了變化。

$(document).ready(function() { 

    $("#bid_field").keyup(function(){ 
     $("#bid_btns").text($(this).val()); 
    }); 

});

這段代碼將改變#bid_btns按鈕內部的HTML到任何鍵入到#bid_field輸入。如果您對jQuery不熟悉，可以通過閱讀以下文章瞭解更多信息：http://docs.jquery.com/How_jQuery_Works

注 - 按照BenM的簽名進行編輯。

來源

2012-03-01 14:38:16

謝謝。我會對jQuery做更多的研究。 – user1163859 2012-03-01 14:54:32

這真的很有用 - 我幾乎完全用jQuery取代了Flash。 – 2012-03-01 15:32:12

當您使用unsanitized用戶輸入（如本例）時，使用'html（）'被認爲是非常糟糕的做法 - 我可以通過在'＃bid_field'中輸入HTML來輕鬆地打破布局。 '.text（）'是一個更安全的函數在這裏使用。 – BenM 2012-03-03 20:42:52

PHP是一個服務器端語言，所以你永遠不能以局部改變一個變量，而無需重新提供該頁面。你需要調查javascript來做你正在做的事情。

來源

2012-03-01 14:27:46 Josh

你可以使用jQuery來實現這一點。你只需要一個函數綁定到onkeyup事件：

http://jsfiddle.net/Vt6N9/

來源

2012-03-01 14:33:22 BenM

在輸入文本域時更改按鈕值

回答

相關問題