问问题
1689 次
3 回答
1
如果你想用图像而不是像@Tucker 建议的 Unicode 字形来做这个跨浏览器,你必须使用 JavaScript 小部件。
我个人推荐jQueryUI的Selectable。
于 2013-07-25T02:24:53.600 回答
1
你不能直接这样做。然后,您有两个选择:
您可以伪造自己的选择,以便可以在选项中添加 html 元素。您将需要编写大量 javascript 和 css 行,或使用插件,如 @hungerpain 所说。
您可以有一个外部 x 图标:
<select id="filename">
<option value="File" selected class="placeholder">[File name]</option>
<option value="file1.html">file1</option>
<option value="file2.html">file2</option>
<option value="file3.html">file3</option>
<option value="file4.html">file4</option>
</select>
<span id="delete">✖</span>
option.placeholder{
display:none;
}
#delete{
cursor:pointer;
}
var del = document.getElementById('delete'),
sel = document.getElementById('filename');
del.onclick = function(){
var opt = sel.options[sel.selectedIndex];
if(opt.className !== 'placeholder'){
sel.removeChild(opt);
}
};
演示:http: //jsfiddle.net/7AhSN/
于 2013-07-25T02:24:57.587 回答
1
这里没有任何建议对我有吸引力。我认为可能有一种我忽略的简单方法,但显然情况并非如此。我想我会让这个人从下拉列表中选择一个特定的文件,然后当文件显示时,提供一种删除它的方法。无论如何,这可能会更好,因为您可以确切地看到要删除的内容,而不仅仅是删除文件名。
于 2013-07-25T04:04:18.250 回答