使用Javascript单击选择按钮时，在另一个窗口上显示图像

display image on another window when click select button using Javascript

本文关键字：窗口 另一个 显示 图像 显示图 单击 Javascript 选择 按钮 使用      更新时间：2024-04-30

你好，我是Javascript世界的新手，我真的很需要学校项目的帮助。我想做的是，在另一个窗口上不仅显示带有价格的文本，还显示图像本身。我试着在图片上添加id，并将其添加到函数中。有人吗？我在身体元素中有这个代码以及其他图像：


Nike 1价格：110.99美元
尺寸：9 nbsp；10 11

       <input type= submit value=submit onclick="a()">

这是我的脚本函数：

       <script>
       function a(){
       var size ="";
       var price = 0;
       if(document.getElementById('nike1').checked)
       {
       price=document.getElementById("nike1").value;
       var x =document.getElementById("myimg").src;
       }
       else if(document.getElementById('nike2').checked)
       {
       price=document.getElementById('nike2').value;
       }
       var inputs = document.getElementsByName('r1');
       for(var i =0; i<inputs.lenght; i++){
       if(inputs[i].checked){
       size = inputs[i].value;
       }
       }

       var inputs1 = document.getElementsByName('r2');
       for(var i =0; i <inputs1.lenghts;i++){
       if(inputs1[i].checked){
       size=inputs1[i].value;
       }
       }
       var myWindow = window.open("","MsgWindow","width=200,height=400");
       myWindow.document.write("<p><h1>Order Detail</h1> Your ordered Nike shoes<br/>                                                                                        Size:"+size + "<br/>Price:S"+ price + "</p>");

}

为了可读性，请缩进代码。它就在这里，稍微清理了一下，并修复了错误。

   function a() {
       var size, price;
       if (document.getElementById('nike1').checked) {
           price = document.getElementById("nike1").value;
           var x = document.getElementById("myimg").src;
       } else if (document.getElementById('nike2').checked) {
           price = document.getElementById('nike2').value;
       }
       var inputs = document.getElementsByName('r1');
       for (var i = 0; i < inputs.length; i++) {
           if (inputs[i].checked) {
               size = inputs[i].value;
           }
       }

       var inputs1 = document.getElementsByName('r2');
       for (var i = 0; i < inputs1.length; i++) {
           if (inputs1[i].checked) {
               size = inputs1[i].value;
           }
       }
       var myWindow = window.open("", "MsgWindow", "width=200,height=400");
       myWindow.document.write('<p><h1>Order Detail</h1> Your ordered Nike shoes<br/>'+
       '<img src="path/to/your/image.png" alt="Nike shoes"></img>'+
       '<p>Size: ' + size + '<br/>Price: ' + price + '</p>');
   }

要解决您的问题，请编写一个带有src属性的img元素。将"path/to/your/image.png"更改为要显示的图像的真实路径。

您的代码中也有错误。你的两个for循环包含了一个错误的值：第一个是你写的长度，第二个是长度。我修复了它。我测试了它，它有效。这把小提琴相当简单和不完整，但它会向你展示结果。

相关文章：