javascript - 单击任何图像打开弹出窗口并更改图像 url

Question

实际上，我需要在单击图像时替换图像 url，然后打开一个带有输入字段的弹出窗口，然后输入 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>

Answer 1

您正在设置文本字段而不是从中读取，改为这样做:

var image1 = document.getElementById("image1");
var url = $("#myTextBox").val();
image1.src= url;