インラインでエラーを表示する

Question

display = noneを使用して非表示になっているテキストボックスがあります。私はいくつかの状態でそれを可視に変更しようとしていますが、動作していないようです。コントロールが変更イベントに行くことを確認しました。私は、私が試してみました3通りの方法が$（「体」）内にある、それは仕事を得るために

colValue = "<input id ='val' class='value' value ='" + field.Value + "'style = 'display: none'/>"; 

をさまざまな方法を試してみましたが、私はそれがコントロールを表示するために取得するには、これらの異なるものを試してみました。これらの作品はありません。

$('#val').css("display", "block"); 
    $('#val').css('display', 'inline'); 
    $('#val').css({ "display": "inline" }); 

何か不足していますか？

Answer 1

編集
問題は、変更イベントの後にボックスが表示されていないように見えます。 HTML IDが一意であることと、DOMが準備ができた後に変更ハンドラが配線されていることを確認してください。それらがすべて真実であれば、あなたが提示したコードが機能するはずだから、あなたが示したコード断片の外に問題が存在する可能性があります。注意すべき点の1つは、コントロールの変更がフォーカスを失うまで、changeイベントが発生しないことです。別のテキストボックスの場合は、イベントが発生する前にボックスをクリックする必要があります。 （注意：私はそれがより多くの慣用的なので、要素の可視性を更新するshowを使用していますが、それはあなたが試みたものに機能的に同等でなければなりません）以下の例を参照してください

$(function() { 
 
    $('body').on('change', '.condition', function() {  
 
     $('#val').show(); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 

 
Text Box 1 <input id ='val' class='value' value='test' style='display: none' type='text'/> <br /> 
 
Text Box 2 <input class='condition' type='text'/>

---

あなたのアプリケーションにはinlineという名前の変数はありません。引用符で囲み、それを文字列にします。また、あなたのスタイルを変更しようとしているので、あなたが適切なメソッドを呼び出す必要があり（cssメソッドのドキュメントを参照してください）：あなたのセレクタの前後に引用符を持っていない

$("#val").css("display", "inline");