正如标题所说,我想根据标签文本更改输入源,例如,当我有标签文本="*.pdf"
时,我想将输入src图像更改为PDFIcon.png。
我如何对css说
如果label.txt="*.pdf"
执行input.src="PDFIcon.png"
如果label.txt="*.jpg"
执行input.src="JPGIcon.png"
如果label.txt="*.docx"
做input.src="DOCXIcon.png"
。。。
编辑:问题已解决
我不知道投票失败的原因,我是网络应用程序的新手,我做了我的研究,但我什么都没发现,无论如何,这都是我的尝试,以防万一,希望它有用:
(php代码)
$extension = pathinfo($file, PATHINFO_EXTENSION);
switch ($extension) {
case 'pdf':
echo '<li class="file"><label id="labelFile"><input id="fileIcon" type="image" src="./theme/pdf_icon_16.png" />' . $file . '</label></li>';
...
default:
echo '<li class="file"><label id="labelFile"><input id="fileIcon" type="image" src="./theme/defaultfileIcon.jpg" />' . $file . '</label></li>';
首先:给标签一个id或类,然后你可以得到这样的值:
var labelValue = $("#myId").val();
试着使用分割功能(如果你的图像名称不包含。)你可以进行
var extension = labelValue.split(".")[1]
然后你可以使用开关来选择你的src
switch(extension){
case 'PDF':
$("#imageId").attr("src", "PDFIcon.png");
break;
case...
default:
...
}
希望它能有所帮助!对不起我的英语