2013-04-16 75 views
0

我已經使用的代碼創建了一個滑塊改變傳遞值...jQuery的滑塊,對價值

<span class='sliderspantext'> 
    <div> 
     <input 
      type = 'text' 
      name = 'totaldiamondstart' 
      id = 'totaldiamondstart' 
      value = '<?php echo $tot_diamond_carat_weight_start;?>' 
      size = "10" 
      onkeypress = "keypress(event,1);" 
      onblur = 'slidertotaldiamondrenew();' 
      class = 'sildertext' 
      onfocus = 'textfocchg(1,1)' 
     /> 
    </div> 

    <div> 
     <input type='text' 
      name = 'totaldiamondend' 
      id='totaldiamondend' 
      value = '<?php echo $tot_diamond_carat_weight_end;?>' 
      size = "10" 
      onkeypress = "keypress(event,1);" 
      onblur = 'slidertotaldiamondrenew();' 
      class = 'sildertext' 
      onfocus = 'textfocchg(2,1)' 
     /> 
    </div> 
</span> 

我想給滑塊的值,如果框的值更改...

$("#totaldiamondstart").live("change", function() { 
    alert('hello'); 
    var totaldiamondstart = $("#totaldiamondstart").val(); 
    var totaldiamondend = $("#totaldiamondend").val(); 
}); 

不知何故,這不起作用,我也沒有在控制檯中的錯誤,有人可以請解釋爲什麼嗎?我正在使用jQuery 1.7.1。

上面的代碼工作,如果我按下提交按鈕,但不能在沒有onchange

感謝

+0

我很抱歉,但內嵌的CSS和JavaScript的巨大混亂並沒有讓我覺得像調試這個...你真的不應該寫這樣的JavaScript – romainberger

+0

@romainberger刪除了CSS ....請不要,如果我把一個完美的提交按鈕... –

+0

其中是提交按鈕。請發佈您的完整標記,並且JS – Ejaz

回答

0

.change()只會火當輸入元素的值發生變化,當它失去焦點。

如果您在選擇下拉菜單上有.change(),只要用戶進行新選擇,它就會觸發。

編輯:另外,考慮.on()方法.live()已被棄用,並從jQuery 1.9刪除。語法在你的情況下是一樣的。