網頁按鈕點擊圖片更新

我想知道是否有可能有一個帶有文本字段和按鈕的HTML表單，其中您輸入一個字符串（如5）並按下按鈕，圖像「image5.jpg 「，存儲在服務器上，呈現在網頁上。網頁按鈕點擊圖片更新

相信它歸結爲「上點擊方法」編碼的按鈕：

讀文本字段和形成用於圖像
文件名的字符串更新圖像，優選（或者重定向用戶到「http://.../image5.jpg」也同樣可以）

我並不十分熟悉的莫過於基本HTML多得多，但我可以一起本事我f我知道什麼可以完成工作。謝謝。

2016-01-20 Salmonstrikes

你是對的！（1）'textField.value'和（2）'img.src = value'。 – JCOC611

// DOM ready handler 
$(function(){ 

    // Click on change image button handler 
    $('#select').click(function(){ 

    // Get the value entered in the number input 
    var image = $('#number').val(); 

    // Change the source of the image 
    $('#image').attr('src', "http://somewebsite.com/image" + image +".jpg"); 
    }); 
});

的jsfiddle：https://jsfiddle.net/0rn00L4a/

有沒有真正的圖片來展示，但如果你檢查DOM，你會看到它的變化像

<img id="image" src="http://somewebsite.com/image2.jpg">

形象的事情所以，如果你放入正確的圖像路徑，當您按下按鈕時，它會立即顯示它們。

您可以在輸入的change事件上做到這一點，但這有點不和諧。

來源

2016-01-20 23:11:00

最後一件事：HTML和Javascript如何結合在一起？把JS中的

相關問題

網頁按鈕點擊圖片更新

回答

相關問題