HTML文本框相關的查詢

在HTML：如何使text-box值一旦進入&保存爲read-only/in凍結模式，但仍清晰可見？HTML文本框相關的查詢
在HTML：如何使text-box值與以相同的形式&結果在text-box顏色變化（類似於MS-EXCEL條件格式）的另一字段值進行比較？

2011-11-14 karthik

你不能只用HTML做到這一點;更新/修改您需要使用的頁面的DOM [tag：JavaScript]。另外，如果沒有看到你的html（你如何「保存」這些值？），我們不能真正爲第1部分提供具體的答案，也不知道你想要比較哪些字段以及想要應用哪種樣式，這很難爲第二個提供解決方案。 –

至於＃1，請使用readonly屬性。至於＃2，請使用javascript。舉例來說，在jQuery的：

$('#input1').change(function() { 
    if ($('#input1').val() == $('#input2').val()) { 
     $('#input1').addClass("same"); 
    } else { 
     $('#input1').addClass("notSame"); 
    } 
});

來源

2011-11-14 10:07:23 socha23

正如Socha23說，使用你的第一個問題readonly屬性。

第二。用jQuery這樣做會更容易，如this fiddle。

$('#tb').keyup(function() { 
    $(this).css('background-color', getTbColor($(this).val())); 
}); 

function getTbColor(value) { 
    switch(value) { 
     case 'red': return '#ff0000';  
     case 'yellow': return '#ffff00';  
     case 'green': return '#00ff00';  
     case 'blue': return '#0000ff'; 
     default: return '#ffffff';   
    } 
}

不知道您在您的評論的意思，但也許你的意思是這類這this fiddle.

$('#confirm').keyup(function() { 
    var color = $(this).val() == $('#email').val() ? '#ffffff' : '#ffcccc'; 
    $(this).css('background-color', color); 
});

來源

2011-11-14 10:17:09 Connell

非常感謝您的快速回復.. :)但如何與其他列字段以相同的形式進行比較..？。 – karthik

我真的不明白你的意思。 '$（'＃yourElementId'）.val（）'將得到jQuery中輸入字段的值。例如，如果值與另一個文本框不匹配，您是否希望它變爲紅色？就像確認電子郵件地址或什麼的時候一樣？ – Connell

HTML文本框相關的查詢

回答

相關問題