Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/406.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何将触发器从输入[type=";file";]保存到span标记?_Javascript_Jquery_Frontend - Fatal编程技术网

Javascript 如何将触发器从输入[type=";file";]保存到span标记?

Javascript 如何将触发器从输入[type=";file";]保存到span标记?,javascript,jquery,frontend,Javascript,Jquery,Frontend,我想点击我的样式化span标签,打开上传文件窗口,这就是我的输入[type=“file”]所做的 PS:我无法更改我的HTML代码 我从另一个问题中得到了这个代码: 但是我不理解这一部分(我的代码都不工作:c) 以下是我尝试过的: $(“span.Anexo输入”).addClass('inputFile'); $(“span”)。单击(函数(){ $(“input.inputFile”).trigger('click'); }); $('input.inputFile')。在('change

我想点击我的样式化span标签,打开上传文件窗口,这就是我的输入[type=“file”]所做的

PS:我无法更改我的HTML代码

我从另一个问题中得到了这个代码: 但是我不理解这一部分(我的代码都不工作:c)

以下是我尝试过的:

$(“span.Anexo输入”).addClass('inputFile');
$(“span”)。单击(函数(){
$(“input.inputFile”).trigger('click');
});
$('input.inputFile')。在('change',function()上{
var val=$(this.val();
$(this.sibbines('span').text(val);
})
span.Anexo标签{display:none;}
输入35; fu89_1_14_0{显示:无;}
跨度#formContato_ctl00_rptAba_rptsesao_0_rptCampos_0_ctl00_6{
显示:块!重要;
宽度:100%;
高度:70像素;
边框:3个点#009997;
背景色:红色;
填充物:0.5em 1.1em;
边界半径:0;
-webkit过渡:边界500毫秒放松;
-moz过渡:边界500ms放松;
-o型过渡:边界500ms放松;
过渡:边界500ms放松;
边缘底部:10px;
}
span#formContato#u ctl00#rptAba#rptsesao#u rptCampos#u 0#u ctl00#6:悬停{边框颜色:白色;}
第6节:之前{
背景:url(someincon.svg)不重复;
内容:“阿奎·阿奎沃集团”;
线高:3.2;
字体大小:1.2米;
文本对齐:左对齐;
左:4em;
背景尺寸:包含;
显示:块;
宽度:100%;
身高:100%;
颜色:白色;
}

阿内克索:

有多个跨度具有相同的等级。所以它给出了一个错误

用此脚本替换代码。当您单击Anexo时,它将打开一个文件对话框

       $("#Anexo").click(function() {
           $("#fu89_1_14_0").trigger('click');
       });

       $('#fu89_1_14_0').on('change', function() {
           var val = $(this).val();
           $(this).siblings('span').text(val);
       })
HTML代码

  <span class="Anexo">
   <span class="Anexo">
    <label id="Anexo">Anexo:</label>
    <input type="file" name="ctl00$formContato$ctl00$rptAba$ctl00$rptSessao$ctl00$rptCampos$ctl06$fu89_1_14_0" id="fu89_1_14_0">
    <span id="formContato_ctl00_rptAba_rptSessao_0_rptCampos_0_ctl00_6" style="display:none;">
    </span>
</span>

阿内克索:

这是一个副本吗@xadhix我认为,使用不透明度可以是一个选项,但我仍然想知道我可以用这个结构做什么。我在这篇文章中所链接的问题与我无关(我认为这是由HTML结构引起的)。我只有一个名为“Anexo”的类。我的span是用背景图片设计的,而且我不能改变我的HTML结构。所以我只想从我的输入中获取触发器,就像我得到脚本的问题的链接一样。我没有改变你的html结构,我只是将和id分配给anexo标签,并用id更改jquery函数
  <span class="Anexo">
   <span class="Anexo">
    <label id="Anexo">Anexo:</label>
    <input type="file" name="ctl00$formContato$ctl00$rptAba$ctl00$rptSessao$ctl00$rptCampos$ctl06$fu89_1_14_0" id="fu89_1_14_0">
    <span id="formContato_ctl00_rptAba_rptSessao_0_rptCampos_0_ctl00_6" style="display:none;">
    </span>
</span>