空白字段的默认值

时间:2017-04-04 07:31:22

标签: javascript jquery

感谢您能提供帮助。 当用户点击“提交”时,我已将表单中的数据填充到对话框中。但是,我想填充并将默认值更改为" 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>

提前致谢:)

1 个答案:

答案 0 :(得分:2)

您可以使用||运算符将null / undefined值合并到您需要的任何值。

另请注意,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>