Eu tenho menu de opções como este:
<form name="AddAndEdit">
<select name="list" id="personlist">
<option value="11">Person1</option>
<option value="27">Person2</option>
<option value="17">Person3</option>
<option value="10">Person4</option>
<option value="7">Person5</option>
<option value="32">Person6</option>
<option value="18">Person7</option>
<option value="29">Person8</option>
<option value="28">Person9</option>
<option value="34">Person10</option>
<option value="12">Person11</option>
<option value="19">Person12</option>
</select>
</form>
E agora eu quero alterar a opção selecionada usando um href. Por exemplo:
<a href="javascript:void(0);"
onclick="document.getElementById('personlist').getElementsByTagName('option')[11].selected = 'selected';">change</a>
Mas eu quero selecionar a opção com value=11 (Person1)
, não Person12
.
Como altero esse código?
document.getElementById('personlist').value=id1,id2
não vai funcionar, como gerenciar isso?