2

重複の可能性：
値なしで属性を設定

HTMLで処理する場合、値を使用せずにDOM要素の属性を設定する必要がある場合があります。たとえば、次のselectedパラメーターを参照してください。

<select id="auto-makers">
  ...
  <option value="fiat" selected>FIAT</option>
  <option value="ford">FORD Motor Company</option>
  <option value="gm">General Motors</option>
  ...
</select>

HTMLドキュメントのこの種の属性は珍しいことではありません。たとえば、可能な属性のリストは次のとおりです。

  • checked;
  • selected;
  • required;
  • multiple;
  • disabled;
  • など。

JavascriptやjQueryを使用して、実行時に値のないプロパティを設定するにはどうすればよいですか？

4

1 に答える 1

2

あなたの例に従って、あなたが持っていると仮定します

<select id="auto-makers">
  ...
  <option value="fiat">FIAT</option>
  <option value="ford">FORD Motor Company</option>
  <option value="gm">General Motors</option>
  ...
</select>

そして、そのようなselected属性を追加したいこと。したがって、純粋なJavascriptを使用すると、次のメソッドを使用できます。<option>value="fiat"setAttribute

var select = document.getElementsById('auto-makers');
for (var i=0; i<select.options.length; i++){
   if (select.options[i].value=="fiat"){
     select.options[i].setAttribute('selected','');
     break;
   }
}

jQueryを使用すると、次のattrメソッドを使用できます。

$('#auto-makers').find('option[value="fiat"]').attr('selected','');

どちらの場合も、属性の値として空の文字列が渡されます。

提供した変更の直後に関連するHTMLコードを確認することで、出力が目的の出力であることを確認できます。

最後に、同様の質問が「値なしで属性を設定する」であることに注意してください。

于 2013-01-24T11:01:34.683 に答える