Q&A
前提・実現したいこと
WordPressにTypesプラグインをインストールし、在庫管理に利用しています。
JANコードの入力がされた時点で、自動的に商品名と型番が入力されるようにしたいのですがうまくいきません。
HTML
1<input type="text" id="post-textfield-1-1547605680" name="wpcf[jan]" value="" class="wpt-form-textfield form-textfield textfield" data-wpt-type="textfield" data-wpt-id="wpcf-jan" data-wpt-name="wpcf[jan]" onChange="janhantei(this.value)" /> 2 3<input type="text" id="post-textfield-2-1547605680" name="wpcf[kishumei]" value="" class="wpt-form-textfield form-textfield textfield" data-wpt-type="textfield" data-wpt-id="wpcf-kishumei" data-wpt-name="wpcf[kishumei]" /> 4 5<input type="text" id="post-textfield-3-1547605680" name="wpcf[kataban]" value="" class="wpt-form-textfield form-textfield textfield" data-wpt-type="textfield" data-wpt-id="wpcf-kataban" data-wpt-name="wpcf[kataban]" />
javascritp
1function janhantei(value){ 2 if (value == "4941787062576"){ 3 document.post.post-textfield-2-1547605680.value = "機種名"; 4 document.post.post-textfield-3-1547605680.value = "型番"; 5 } 6}
これでうまくいくと思うのですが、システムの使用上、
各idの名前の後ろ部分の数字が変化するため、どのようにしたらいいか悩んでおります。
post-textfield-2-1547605680 の 1547605680 の部分。
post-textfield-3-1547605680 の 1547605680 の部分。
方法をご教示頂けますと助かります。
何卒よろしくお願い致します。
回答1件
0
こんな感じでどうでしょう。
js
1document.querySelector( 'input[id^="post-textfield-2-"]' ).value = "機種名";
【Document.querySelector() | MDN】
https://developer.mozilla.org/ja/docs/Web/API/Document/querySelector
【属性セレクター | MDN】
https://developer.mozilla.org/ja/docs/Web/CSS/Attribute_selectors#Syntax
投稿2019/01/16 09:43
総合スコア69398
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。