JavaScript を使用して select 要素を作成し、 という属性を設定したいと考えていますdata-placeholder
。
ブラウザが不平を言うことなく、JavaScript で標準外の属性を割り当てるにはどうすればよいでしょうか。
Uncaught referenceError: Invalid left-hand side in assignment
エラーの原因となるコード:
select1.data-placeholder="Choose ...";
JavaScript を使用して select 要素を作成し、 という属性を設定したいと考えていますdata-placeholder
。
ブラウザが不平を言うことなく、JavaScript で標準外の属性を割り当てるにはどうすればよいでしょうか。
Uncaught referenceError: Invalid left-hand side in assignment
エラーの原因となるコード:
select1.data-placeholder="Choose ...";
jqueryではなくjavascriptで言っているので...
yourElement.setAttribute('data-placeholder','value');
これを実現するための非常に単純な非jQueryの方法を次に示します。
var el = document.createElement('select');
el.setAttribute('data-placeholder', 'placeholder value');
document.body.appendChild(el);
それを示すために、非常に単純なJSFiddleを作成しました。
お役に立てば幸いです。
JQuery はこれを簡単にします。
$("<select></select>").attr("data-placeholder", "value").appendTo($element);