Question

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

$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>';

Answer 1

首先：给你的标签一个id或一个类，然后你可以得到这样的值：

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

尝试使用拆分功能（如果您的图像名称不包含。），您可以

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

然后你可以用一个开关来选择你的src

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

希望它有所帮助！对不起我的英文

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

1 个答案: