Javascript/JQuery値が設定されていません

Question

プレースホルダ「カード番号」から値を設定するためにさまざまな手法を試してきましたが、何も動作していないようです。通常のJavaScriptを使用しようとしても、document.querySelectorがnullであるというエラーが発生します。

$('[data-card-field-placeholder*="Card"]').val('2222');

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 
 
<div class="field__input-wrapper field__input-wrapper--icon-right"><label class="field__label field__label--visible" for="checkout_credit_card_number">Card number</label> 
 
      <div class="field__input field__input--iframe-container" data-card-fields="number" data-card-field-placeholder="Card number" aria-describedby="error-for-number tooltip-for-number"><iframe class="card-fields-iframe" id="card-fields-number-fzjcuxuv2z000000" name="card-fields-number-fzjcuxuv2z000000" scrolling="no" src="" style="height: 43px;" frameborder="0"></iframe></div> 
 
      <span id="credit_card_number_tooltip" class="field__icon icon icon--lock"> 
 
    <span class="visually-hidden">Secure field</span> 
 
    </span> 
 

 
     </div>

Answer 1

あなたはtext()の代わりval()を使用することができます。このように：

$('[data-card-field-placeholder*="Card"]').text('2222');

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 
 
<div class="field__input-wrapper field__input-wrapper--icon-right"><label class="field__label field__label--visible" for="checkout_credit_card_number">Card number</label> 
 
      <div class="field__input field__input--iframe-container" data-card-fields="number" data-card-field-placeholder="Card number" aria-describedby="error-for-number tooltip-for-number"><iframe class="card-fields-iframe" id="card-fields-number-fzjcuxuv2z000000" name="card-fields-number-fzjcuxuv2z000000" scrolling="no" src="" style="height: 43px;" frameborder="0"></iframe></div> 
 
      <span id="credit_card_number_tooltip" class="field__icon icon icon--lock"> 
 
    <span class="visually-hidden">Secure field</span> 
 
    </span> 
 

 
     </div>

Answer 2

使用 '.ATTR（）' の代わりの代わりに、 '.val（）'。 '.val'はフォーム要素の値を設定するためのもので、 '.attr（）'は属性の設定用です。

$('[data-card-field-placeholder*="Card"]').attr('data-card-field-placeholder', '2222'); 

さらに詳しい情報：私に

• .attr()
• .val()