根据标签文本更改输入类型图像的css


Change the css of an input type image depending on label text

正如标题所说,我想根据标签文本更改输入源,例如,当我有标签文本="*.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: ... }

希望它能有所帮助!对不起我的英语