从输入元素

时间:2015-04-28 09:46:20

标签: javascript

我正在尝试创建一个幻灯片,当用户按下按钮时,该幻灯片会在新窗口中打开。

它使用两个数组,其中包含url:s的值和与图像关联的文本。

使用当前代码,我只将imageText数组的最后一个值推入变量textList。

如何将输入标签内的文本属性插入到我的textList数组中?我只想检查具有相关复选框的图像的值。

html :(有这样的多个div,有不同的图像和文本)

<div class="outerDiv">
    <label><input type="checkbox">
        <img src="img/lorem/1.jpg" alt="Img 1">
    </label>
    <div class="innerDiv">
        <label>Text: <input type="text" value="Lorem ipsum"></label>
    </div> 
</div> 

javascript:

function slideShow() {
 var imageCreatiText = [];
 var pictureTexts = [];

for (i=0; i< outerDiv.length; i++) {
   imageText = textTag.getElementsByTagName("input")[0];
}

    pictureTexts = imageText.getAttribute("value");
    textList.push(pictureTexts);

   newWindow(400, 500 , "images.htm", imgList, textList);   

}

变量textTag在另一个函数中声明如下:

textTag = this.getElementsByClassName("innerDiv")[0];

1 个答案:

答案 0 :(得分:0)

这是liitle修改,在这里你将获得文本中的所有imagetext 在 textList 数组

function slideShow() {
 var imageCreatiText = [];
 var pictureTexts = [];


for (i=0; i< outerDiv.length; i++) {
   imageText = textTag.getElementsByTagName("input")[0];

    pictureTexts = imageText.getAttribute("value");
    window.textList.push(pictureTexts);
}

   newWindow(400, 500 , "images.htm", imgList, window.textList);   

}

编辑2: window.textList将负责全球范围