Question

我有一个像这样的HTML输入字段

<input type="text" id="Bild"/>

我想获取输入字段的值并将其存储在JSP页面的String中，类似这样

<%
String theString= <input type="text" id="Bild"/>
%>

之后我想使用字符串作为我的图像字段的来源，就像这个

<img src= <%= theString %> >

我不知道如何做到这一点，而且我一直盯着屏幕看了两个小时并没有让我的脑袋伸直。如何获取用于图像源的输入字段的值？

我是JavaScript的新手，所以如果我必须使用它，请说明一点。感谢。

Answer 1

点击src按钮后，更改预先存在的图片byt。

function bytUtBilden() {
    // select <input id="Bild"/>
    var bildenFalt = document.getElementById('Bild');

    // select <img id="bilden"/>
    var bilden = document.getElementById('bilden');

    bilden.src = bildenFalt.value;
}

function begynna() {
    // select element with id="byt"; when clicked, run bytUtBilden
    document.getElementById('byt').addEventListener('click',bytUtBilden,false);
}

// when DOM is loaded, run begynna()
document.addEventListener('DOMContentLoaded',begynna,false);

修改：更改它以便在单击按钮时更新。 bytUtBilden()也可以从任何地方运行，它也会做同样的事情。

Answer 2

var path = $('Bild').val();
$('#imgid').attr('src',path);

Answer 3

有没有理由要经历一个中间人？只要您知道文本字段已包含值：

，只需使用直接DOM查询获取值即可

document.getElementById('Bild').value

在这个例子中，我使用了一个按钮作为动作，但是你不需要那个值就可以查询

http://jsfiddle.net/Py2E2/

HTML获取图像字段的值，并将该值用作图像字段的src

3 个答案: