2013-04-16 135 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删除。语法在你的情况下是一样的。