2014-04-29 80 views
0

當我從下面的圖片中選擇框中的值時,我想檢測輸入字段中的更改。當從框中選擇值時檢測輸入字段中的更改

<code>Selecting value from a box</code>

HTML:

<input type="text" class="AgeChangeInput" id="range"/> 

JS:(不工作)

<script> 
$(document).ready(function() 
{ 
    alert("Hello"); 
    $("#range").bind('input', function() 
    { 
     alert("done"); 
    }); 
}); 
</script> 

我也試過liveon功能,但他們沒;噸工作過。

+2

你使用哪種插件的輸入選擇? – Oyeme

+0

如果可能請添加jsfiddle – Dave

+0

http://tutorialzine.com/2013/01/charts-jquery-ajax/我正在使用這個。 – user3400389

回答

2

嘗試使用此代碼

CHANGEDATE - 當日期發生變化,該事件被觸發。

$('#range').datepicker().on('changeDate', function(ev) { 
     //example of condition 
     if (ev.date.valueOf() > checkout.date.valueOf()) { 
     //make action here 
     alert('Here'); 
     } 
}); 
+0

我會在測試完後回覆。 – user3400389

+0

它彈出日期選擇器,當我點擊輸入字段。 – user3400389

+0

使用條件來檢查日期是否已更改:)或者您可以使用onSelect:function(dateText){...} – Oyeme

3

您的日期選擇框應觸發一個更改事件,那麼你只需要捕捉到它:

$(function() { 
    $('#range').change(function() { 
     ... 
    }); 
}); 

如果選擇框不火的情況下,你需要欺騙DOM。喜歡的東西:

$(document).ready(function() { 
    // Asuming your selection box opens on input click 
    $('#range').click(function() { 
     $('.special-box-class').click(fireRangeEvent); 
    }); 

    // Now the firing function 
    function fireRangeEvent() { 
     ... 
    } 
}); 

希望工程

+0

是的另一種方式 –

+0

這是工作正常的一個問題。當我點擊該框並選擇彈出的值警報。 ()彈出兩次 – user3400389

+0

function fireRangeEvent() { {alert(「dsds」);}現在,當我點擊並選擇另一個值時, } – user3400389

相關問題