通过textarea的OnChange事件获取改变后的textarea内容,然后在将其内容通过js传到另外一处,实现随时改变图片目的。
具体代码如下:
<textarea name="source" cols="80" onChange ="saveA()" id="source" rows="7"><%=it1.next()%></textarea>//此处的<%=it1.next()%>仅仅起到初始化的作用,现在要只要改变就能获取的目的:
js代码如下:
var key = function saveA(){
//此处要做的工作是将从textarea修改后的内容进行获取,然后将其传递给第二个Image
var e = document.getElementById('source').select();;
var s = document.selection.createRange().text;
return s;
}
这是在本jsp页内另一处进行使用的代码:
<img src="http://127.0.0.1:8080/choseData/servlet/asdf?s=<%="javascript:key;"%>" height="70" width="70">
具体代码如下:
<textarea name="source" cols="80" onChange ="saveA()" id="source" rows="7"><%=it1.next()%></textarea>//此处的<%=it1.next()%>仅仅起到初始化的作用,现在要只要改变就能获取的目的:
js代码如下:
var key = function saveA(){
//此处要做的工作是将从textarea修改后的内容进行获取,然后将其传递给第二个Image
var e = document.getElementById('source').select();;
var s = document.selection.createRange().text;
return s;
}
这是在本jsp页内另一处进行使用的代码:
<img src="http://127.0.0.1:8080/choseData/servlet/asdf?s=<%="javascript:key;"%>" height="70" width="70">
<img src="http://127.0.0.1:8080/choseData/servlet/asdf?s=<%="javascript:key;"%>" height="70" width="70" id="img"/>
function saveA()
{
document.getElementById("img").src=document.getElementById("source").value;
}你试试这样看看。
仅做参考。function saveA()
{
var key = document.getElementById('source').value; var imgsrcvalue = document.getElementById('img').src;
var keyindex = imgsrcvalue.indexOf('s=');
document.getElementById('img').src = imgsrcvalue.substr(0,keyindex+2)+key; alert(document.getElementById('img').src);
}