如何使用带有javascript

Question

例如，我有这个，我试图默认设置option1，将默认选择，我怎么能只使用OPT.setAttribute（...，..）：

 var SELECT = document.createElement('SELECT');

 var OPT1 = document.createElement('OPTION');
 OPT1.setAttribute('value', 0);

 var OPT2 = document.createElement('OPTION');
 OPT2.setAttribute('value', 0);

 OPT1.appendChild( document.createTextNode( 'option1' ) );
 OPT2.appendChild( document.createTextNode( 'option2' ) );

 SELECT.appendChild(OPT1);
 SELECT.appendChild(OPT2);

我试着这个：

OPT1.setAttribute('selected','true'); 

很不好意思，谢谢你的帮助。 :)

Answer 1

试试这个

var SELECT = document.createElement('SELECT');
var OPT1 = document.createElement('OPTION');
OPT1.setAttribute('value', 0);

var OPT2 = document.createElement('OPTION');
OPT2.setAttribute('value', 0);
OPT2.setAttribute('selected', 'selected');
// also you can set use .selected as a property 
// OPT2.selected = true;

OPT1.appendChild( document.createTextNode( 'option1' ) );
OPT2.appendChild( document.createTextNode( 'option2' ) );

SELECT.appendChild(OPT1);
SELECT.appendChild(OPT2);


document.getElementById('select').appendChild(SELECT);

<div id="select"></div>

Answer 2

您需要在OPT1.setAttribute('selected','selected');之前执行SELECT.appendChild(OPT1);，或者您需要执行SELECT.selectedIndex = Array.prototype.indexOf.call( SELECT.children, OTP1);