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

最后发布: 2015-02-16 16:01:38


问题

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

编辑:问题解决了

我不知道投赞成票的原因,我是Web应用程序的新手,我进行了研究,但没有发现任何结果,这里是我的尝试,以防万一,希望它会有所帮助:

(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>';
php html css
回答

首先:给您的标签提供一个ID或一个类,然后您可以得到如下值:

var labelValue = $("#myId").val();

尝试使用split函数(如果您的图像名称不包含。),您可以执行

var extension = labelValue.split(".")[1]

然后您可以使用开关选择您的src

switch(extension){ case 'PDF': $("#imageId").attr("src", "PDFIcon.png"); break; case... default: ... }

希望能帮助到你! 对不起我的英语不好