Question

当我选择选项时，我有脚本，而不是给我看一个img，它是一个javascript脚本。我需要在javascript（var ImgAry = new）的列表中创建一个img到img。

＆＃13;

var Path='img/';
var ImgAry=new Array('','./rozvrh/1.png','./rozvrh/2.png','./rozvrh/3.png','./rozvrh/4.png','./rozvrh/5.png', 'rozvrh.png', 'rozvrh.png', 'rozvrh.png', 'rozvrh.png');

function Swap(obj,id){
   var i=obj.selectedIndex;
   if (i<1){ return; }
   document.getElementById(id).src=Path+ImgAry[i];
}

＆＃13;

<center>
  <select onchange="Swap(this,'MyImg');" >
      <option >Vybertie triedu</option>
      <option >I.</option>
      <option >II.</option>
      <option >III.</option>
      <option >IV.</option>
      <option >V.</option>
      <option >VI.</option>
      <option >VII.</option>
      <option >VIII.</option>
      <option >IX.</option>
  </select>
  
  <img class="example-image" id="MyImg">
</center>
</a>

＆＃13;

谢谢。

Answer 1

Path+ImgAry[i]将生成src="img/./rozvrh/3.png"，这是一个无效的网址。

您需要移除./部分，以便生成src="img/rozvrh/3.png"。

否则脚本有效：

var Path='img/';
var ImgAry=new Array('','rozvrh/1.png','rozvrh/2.png','rozvrh/3.png','rozvrh/4.png','rozvrh/5.png', 'rozvrh.png', 'rozvrh.png', 'rozvrh.png', 'rozvrh.png');

function Swap(obj,id){
   var i=obj.selectedIndex;
   if (i<1){ return; }
   document.getElementById(id).src = Path+ImgAry[i];
   document.getElementById(id).alt = Path+ImgAry[i];

   document.getElementById(id+"Link").href = Path+ImgAry[i];
}

<center>
  <select onchange="Swap(this,'MyImg');" >
      <option >Vybertie triedu</option>
      <option >I.</option>
      <option >II.</option>
      <option >III.</option>
      <option >IV.</option>
      <option >V.</option>
      <option >VI.</option>
      <option >VII.</option>
      <option >VIII.</option>
      <option >IX.</option>
  </select>
  
  <a id="MyImgLink" href="" target="_blank">
      <img class="example-image" id="MyImg" alt=""/>
  </a>
</center>

（我添加了alt属性，以便我们可以看到丢失图像的情况。

选项图片显示javascript a href

1 个答案: