2012-03-06 43 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