2012-05-08 49 views
0

我很新的jQuery和現在用的蒙面輸入插件版本1.3創建電話號碼口罩。jQuery的面膜 - 條件

我能夠進行設置並使面罩正常工作,但是我想根據選擇框更改應用面罩條件。

在頁面加載時與#Country id的選擇框被加載的設置「美國」默認選擇有。我試圖創建的是,如果他們將國家選擇器更改爲美國以外的其他選擇,請刪除該面具。

這是我第一次嘗試!

$('#Country').change(function(){ 
    var cty = $(this).find('option:selected').attr('value'); 
    if(cty=='United States'){ 
     // us masking 
     $('#phone').unmask().mask("(999) 999-9999"); 

    } else { 
     // just numbers for international 
     $('#phone').unmask().mask("9999999999999999"); 

    } 
}); 

回答

0

我沒有看到您的代碼有任何問題。 而不是 變種CTY = $(本).find( '選項:選擇')ATTR( '值');。 嘗試 VAR CTY = $(本).VAL()

,並嘗試加入一些 的console.log調試代碼( 「掩蓋我們」) 的console.log( 「掩蓋非美國」) 在你的if/else語句中。 如果您的console.log()顯示期望值,那麼問題就出現在您的插件中,因此請嘗試直接聯繫其作者。

+1

感謝您的幫助!我把它與以下工作。由於在頁面加載時選擇美國,它需要它是這樣的(我認爲)。我只能拿到面具,如果我在選擇框中點擊: $(「#手機」)掩碼(「(999)999-9999」); 。\t $('#國)變化(函數(){VAR CTY = $(本).VAL(); 如果(CTY == '美國'){// 我們屏蔽 $(」 ()#。')。unmask()。mask(「(999)999-9999」); } else { //只是國際號碼 $('#phone')。unmask()。mask(「9999999999999999 「); } }); – user1382630

1

剛剛拿到的answere平方路程,正確顯示(提問者評論)

$('#phone').mask('(999) 999-9999'); 
$('#Country').change(function(){ 
    var cty = $(this).val(); 
    if(cty=='United States'){ 
    // us masking 
    $('#phone').unmask().mask("(999) 999-9999"); 
    } else { 
    // just numbers for international 
    $('#phone').unmask().mask("9999999999999999"); 
    } 
});