空白のフィールドのデフォルト値

Question

お手伝いがあれば、どうぞよろしくお願いします。 ユーザーが「送信」をクリックすると、フォームのデータをダイアログボックスに入力しました。しかし、空のフィールドにはデフォルト値を "NIL"に設定して変更したいと思います。以下では、データを取り込むための私のコードです：

jQuery('#lblCustNameBs').html(jQuery('#custNameBs').val()) 
jQuery('#lblembossingNameBs').html(jQuery('#embossingNameBs').val()) 
jQuery('#lblCustMobileBs').html(jQuery('#custMobileBs').val()) 

テーブル用のコード以下の通りです：事前に

<tr> 
    <td style="width: 200px !important;"> 
     Salutation : 
    </td> 
    <td id ='lblTitleBs' /> 
</tr> 
<tr> 
    <td style="width: 200px !important;"> 
     Customer Name : 
    </td> 
    <td id ='lblCustNameBs' /> 
</tr> 
<tr> 
    <td style="width: 200px !important;"> 
     Embossing Name : 
    </td> 
    <td id ='lblembossingNameBs' /> 
</tr> 

感謝:)

Answer 1

あなたが合体し||演算子を使用することができますあなたが必要とするものにヌル/未定義の値。

また、tat tdセルは自己閉鎖ではないので、<td />の代わりに<td></td>を使用する必要があります。インラインスタイルと!importantの両方の使用は避けるべきです。

jQuery(function($) { 
 
    $('#lblCustNameBs').html($('#custNameBs').val() || 'NIL'); 
 
    $('#lblembossingNameBs').html($('#embossingNameBs').val() || 'NIL'); 
 
    $('#lblCustMobileBs').html($('#custMobileBs').val() || 'NIL'); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table> 
 
    <tr> 
 
    <td style="width: 200px !important;"> 
 
     Salutation : 
 
    </td> 
 
    <td id="lblTitleBs"></td> 
 
    </tr> 
 
    <tr> 
 
    <td style="width: 200px !important;"> 
 
     Customer Name : 
 
    </td> 
 
    <td id="lblCustNameBs"></td> 
 
    </tr> 
 
    <tr> 
 
    <td style="width: 200px !important;"> 
 
     Embossing Name : 
 
    </td> 
 
    <td id="lblembossingNameBs"></td> 
 
    </tr> 
 
</table>