我似乎无法更改下拉列表中第一个选项元素的文本。我已经试过:.text function not working
var e_option = document.getElementsByTagName("option");
e_option[0].text = "Selectionnaire";
和
var e_option = document.getElementsByTagName("option");
e_option[0].innerHTML = "Selectionnaire";
和
var e_option = document.getElementsByTagName("option");
e_option[0].innerText = "Selectionnaire";
然而,似乎没有任何更改的选项的文本。
最奇怪的是:
var e_option = document.getElementsByTagName("option");
e_option[0].style.color = "red";
不会更改的选项有红色字体,
var e_option = document.getElementsByTagName("option");
alert(e_option[0].text);
确实警报/弹出选项的当前文本。
这是HTML:
...
<td id="control">
<SPAN CLASS="rsfieldcontrol"><INPUT TYPE=TEXT CLASS="rsfieldcontrol" MAXLENGTH=20 SIZE=38 TABINDEX="70" NAME="CONTACTVERIFY1businessPostalCode" VALUE=""></SPAN>
</td>
<td>
</td>
<td>
<SPAN CLASS="rsfieldlabel">Pays :</SPAN>
</td>
<td id="control">
<SPAN CLASS="rsfieldcontrol">
<SELECT CLASS="rsfieldcontrol" TABINDEX="110" NAME="CONTACTVERIFY1businessCountry">
<OPTION LABEL=" - Select an option - " VALUE=" - Select an option - "> - Select an option - </OPTION>
<OPTION LABEL="Afghanistan" VALUE="Afghanistan">Afghanistan</OPTION><OPTION LABEL="Albania" VALUE="Albania">Albania</OPTION>
//I cut out the other 200 odd countries here
<OPTION LABEL="Zimbabwe" VALUE="Zimbabwe">Zimbabwe</OPTION></SELECT></SPAN>
</td>
</tr>
<tr>
<td width="30px">
</td>
<td style="font-weight:bold;">
<SPAN CLASS="rsfieldlabelrequired">* Courriel :</SPAN>
</td>
...
请注意,所有的选择,选项和跨度标签是由LexisNexis的相互作用产生的,我不能改变的代码。这就是为什么我使用JavaScript将第一个选项从英文更改为法文。
任何帮助,将不胜感激!
[适用于我](http://jsfiddle.net/tCteH/) – Peter
我可以打赌你有两个网站上的dropboxes – Peter
有趣的是,所有这些片段应该工作(FF内除'innerText'除外)。请发布您的真实代码+ HTML,我们会看到... – Teemu