2015-12-13 68 views
-2

這不工作?這隻適用於表格的第一行。第二行不起作用。感謝所有的建議。 **更多change()函數jQuery不起作用?

<table id="ticketTable"> 
    <tr><td> 
      <select id="ticketSelect1"> 
      <option priceValue1="120" value="1" selected>Adult</option> 
      <option priceValue1="110" value="2">Student</option> 
      </select> 
    </td> 
    <td style="text-align:right"><span id="price1">120</span></td> 
    </tr> 
    <tr><th>Typ lístku</th><th style="text-align:right">Cena</th></tr> 
     <tr><td><select id="ticketSelect2"> 
      <option priceValue2="120" value="1" selected>Adult</option> 
      <option priceValue2="110" value="2">Student</option> 
     </select></td><td style="text-align:right"><span id="price2">120</span></td></tr> 
    </table> 
<script type="text/javascript"> 
$(document).ready(function(){ 
    $("table tr td #ticketSelect1").change(function() { 
     $('#price1').text($('option:selected').attr('priceValue1')); 
    }).change(); 
    $("table tr td #ticketSelect2").change(function() { 
     $('#price2').text($('option:selected').attr('priceValue2')); 
    }).change(); 
}); 
</script> 

**

+3

能否請您編輯的問題(點擊 「編輯」 鏈接的底部問題),並清楚說明你想要達到的目標。因此,我們甚至不知道你在做什麼... – kebs

+1

歡迎來到Stack Overflow!請參考[遊覽],四處看看,並仔細閱讀[幫助],尤其是[*我如何提出一個好問題?](/ help/how-to-ask) –

+1

您一定想要:' $( '#price2')文本($(本).find( '選項:選擇')ATTR( 'priceValue2'));'僅供參考,'priceValue2'是無效的HTML屬性... –

回答

0

嘗試這些選擇:

$('#price1').text($('#ticketSelect1 option:selected').attr('priceValue1')); 

$('#price2').text($('#ticketSelect2 option:selected').attr('priceValue2')); 
+0

非常感謝!現在它正在工作 –

相關問題