Question

我的网站存在问题。我有一个选择菜单和3个选项：图像，视频和音频。当我点击其中一个选项时，它应该会显示一个按钮，用于选择要上传的图像/视频/音频，但这不会显示在Google Chrome中。在Firefox中没有问题。有人有解决方案吗？
非常感谢！

修改

这是代码

<select name="service_id">
<option value="video" onClick="showSection('video',['image','audio']);" <?=count($videos)?'selected="selected"':''?>>Video</option>
<option value="image" onClick="showSection('image',['video','audio']);" <?=count($images)?'selected="selected"':''?>>Imagini</option> 
<option value="audio" onClick="showSection('audio',['video','image']);" <?=count($audios)?'selected="selected"':''?>>Audio</option>
</select>

Answer 1

我修改过的东西：

第二个参数现在是一个类名，每个值用“|”
使用onChange()触发选择（但除非值更改，否则不会触发）
使用this传递对select的引用而不是传递值（你可以这样做）

demo here

<select name="service_id" onChange="showSection(this)">
    <option value="video" class='image|audio'>Video</option>
    <option value="image" class='video|audio'>Imagini</option> 
    <option value="audio" class='video|image'>Audio</option>
</select>

<script type="text/javascript">

    function showSection(el){

        //modified to get the first and second parameters of showSection()

        //get the value
        var firstParam = el.value;

        //get the class name of the selected element, and split it
        var secondparam = el.options[el.selectedIndex].className.split('|');

        console.log(firstParam);
        console.log(secondparam);
    }
</script>

Answer 2

我用铬测试了它的工作正常。

一个建议是，如果您使用下拉列表，则使用onchange事件而不是使用onClick

Answer 3

<?php 
$videos=0;
$images=0;
$audios=0;
?>
<select name="service_id">
<option value="video" onClick="showSection('video',['image','audio']);" <?=count($videos)?'selected="selected"':''?>>Video</option>
<option value="image" onClick="showSection('image',['video','audio']);" <?=count($images)?'selected="selected"':''?>>Imagini</option> 
<option value="audio" onClick="showSection('audio',['video','image']);" <?=count($audios)?'selected="selected"':''?>>Audio</option>
</select>

Answer 4

在选项中选择不在选项中调用该功能：

    <select onClick='showSection(this.value,"a")'>
    <option value="video" >Video</option>
    <option value="image">Imagini</option> 
    <option value="audio">Audio</option>
    </select>

不显示chrome中的选择选项

4 个答案: