Javascript 如何将触发器从输入[type=";file";]保存到span标记?
我想点击我的样式化span标签,打开上传文件窗口,这就是我的输入[type=“file”]所做的 PS:我无法更改我的HTML代码 我从另一个问题中得到了这个代码: 但是我不理解这一部分(我的代码都不工作:c) 以下是我尝试过的: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.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>