2012-03-06 70 views
0

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

编辑:

这是其正常的工作代码

<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> 
+1

你将不得不显示一些代码来获得这方面的帮助。 – 2012-03-06 07:43:59

+0

如果没有看到代码,诊断错误就会非常困难。我大胆猜测是,虽然你有一个JS错误Firefox是愿意忍受,但Chrome是不是(这意味着你应该关注Chrome的调试器控制台)。 – Corbin 2012-03-06 07:46:37

+0

请将其编辑到可正确格式化的问题中。另外,showSection可能会有所帮助。 – Corbin 2012-03-06 07:47:33

回答

0

呼叫不在选项上选择的功能:

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

感谢你果然奏效的解决方案.....非常感谢 – 2012-03-06 08:42:29

+0

没有问题Mitik! – 2012-03-06 09:20:29

0

铬我已经测试了这一点。

一个建议是如果使用的是下拉然后使用onchange事件而不是使用的onClick

+0

我格式化代码如你所说,但它似乎只能说明我,即使我点击图片或视频 – 2012-03-06 08:25:50

0
<?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> 
1

事情我改性:

  • 现在第二个参数是一个类名,由分隔每个值一个“|”
  • 使用onChange()触发选择(但不会触发除非价值变动)
  • 使用this的引用传递到选择,而不是传递值(你可以做更多这样)

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>​ 
+0

您的解决方案是好的,但它并没有显示任何内容的最后一个选项......所以,当我点击一个元素选择它应该显示一个按钮来上传文件 – 2012-03-06 08:28:08

+0

你修改你的功能,以适应变化?这不是一个“只是插件”的解决方案。 – Joseph 2012-03-06 08:31:06