其实我需要替换图像的网址,当我点击图像,然后打开一个弹出窗口与输入字段,我把网址,并保存它,但使用此方法。点击任何图像打开弹出并更改图像url像
喜欢这个:http://jsfiddle.net/eDMmy/9/
//Set up the dialog box
$("#myDialog").dialog({
autoOpen : false,
modal : true,
title : "A Dialog Box",
buttons : {
'OK' : function() {
var textValue = $('#myTextBox').val();
var image1 = document.getElementById("image1");
image1.src=textValue;
},
'Close' : function() {
alert('The Close button was clicked');
$(this).dialog('close');
}
}
});
.img {
height:200px;
width:200px;
}
<img class='img' src="http://media1.santabanta.com/full5/Nature/Animals/animals-89a.jpg" onclick="ChangeUrl()" id="image1">
<div id="myDialog">
change url
<input type="text" id="myTextBox" />
</div>
<script>
function ChangeUrl(){
$("#myDialog").dialog("open");
var image1 = document.getElementById("image1");
$("#myTextBox").val(image1.src);
image1.src= url;
}</script>
是什么问题? – tech2017
我需要多个图像,点击图像,并改变这个图像不是另一个图像。 EX:我添加3图像,当我点击2没有图像,只改变2没有图像相同,当我点击1没有图像,只改变1没有图像,当点击3没有图像,只改变3没有图像就是它。 –