js获取select下option中的span的值

[竖心旁的情]

<select name="prirel_right" multiple="multiple" style="width: 130px;height: 190px;" size="10" id="prirel_right">
								<option><span>XC1232</span><span>2</span></option>
								<option><span>XC1233</span><span>3</span></option>
								<option><span>XC1233</span><span>4</span></option>
								<option><span>XC1233</span><span>5</span></option>
							</select>

我想获取每一个option中第一个span的值

[似梦飞花]

optionDom.getElementsByTagName('span')[0].innerHTML

[天际的海浪]

option元素中不能放其它的标签，放了也会自动把其它的标签去掉，只保留标签中的文本内容

[竖心旁的情]

引用 楼主 wu_0916 的回复:

<select name="prirel_right" multiple="multiple" style="width: 130px;height: 190px;" size="10" id="prirel_right">
								<option><span>XC1232</span><span>2</span></option>
								<option><span>XC1233</span><span>3</span></option>
								<option><span>XC1233</span><span>4</span></option>
								<option><span>XC1233</span><span>5</span></option>
							</select>

我想获取每一个option中第一个span的值

var prirelRightId = document.getElementById("prirel_right");
		 var prirelRightValues = new Array();
		 for (var i = 0; i < prirelRightId.options.length; i++) {
			 prirelRightValues[i] = prirelRightId.options[i].getElementsByTagName('span')[0].innerHTML;
			 alert( prirelRightValues[i])
		 }

我这样取得时候报错：flightDynamics.js:29 Uncaught TypeError: Cannot read property 'innerHTML' of undefined

[竖心旁的情]

引用 1 楼 zzgzzg00 的回复:

optionDom.getElementsByTagName('span')[0].innerHTML

var prirelRightId = document.getElementById("prirel_right");
         var prirelRightValues = new Array();
         for (var i = 0; i < prirelRightId.options.length; i++) {
             prirelRightValues[i] = prirelRightId.options[i].getElementsByTagName('span')[0].innerHTML;
             alert( prirelRightValues[i])
         }

我这样取额时候报错

flightDynamics.js:29 Uncaught TypeError: Cannot read property 'innerHTML' of undefined

把innerhtml换成text，value也一样

[___紫菜]

二楼说的没错

直接取选中的option的text,然后再截取字符串吧！

[竖心旁的情]

引用 2 楼 jslang 的回复:

option元素中不能放其它的标签，放了也会自动把其它的标签去掉，只保留标签中的文本内容

[竖心旁的情]

引用 5 楼 u013116426 的回复:

二楼说的没错 直接取选中的option的text,然后再截取字符串吧！

恩 ，但我的一个span放id，一个span放内容。放id的span要隐藏。

[竖心旁的情]

我放span标签的目的是一个放id，一个放内容。id的span要隐藏。既然option元素中不能放其它的标签，放了也会自动把其它的标签去掉，只保留标签中的文本内容。那我这个方法就没意义了。谢谢各位大神

[天际的海浪]

引用 7 楼 wu_0916 的回复:

[quote=引用 5 楼 u013116426 的回复:] 二楼说的没错 直接取选中的option的text,然后再截取字符串吧！

恩 ，但我的一个span放id，一个span放内容。放id的span要隐藏。[/quote] id既然要隐藏，为什么不放value里？ <option value="2">XC1232</option>

[竖心旁的情]

事实证明，不许要两个span。id放在value中，内容放在text中就行。。我沙比了

[竖心旁的情]

引用 9 楼 jslang 的回复:

[quote=引用 7 楼 wu_0916 的回复:] [quote=引用 5 楼 u013116426 的回复:] 二楼说的没错 直接取选中的option的text,然后再截取字符串吧！

恩 ，但我的一个span放id，一个span放内容。放id的span要隐藏。[/quote] id既然要隐藏，为什么不放value里？ <option value="2">XC1232</option> [/quote] 666~~~~是我傻了，