JavaScript Select問題

javascript select

gary11159 2020-07-08 13:28:18 ‧ 2597 瀏覽

分享至

小弟最近碰到下拉式選單，遇到了一問題，狀況如下

<tr>
	<td>
		<select value="2">
			<option value="1">1</option>
			<option value="2">2</option>
        </select>
	</td>
	<td>
	</td> ...
</tr>

我想要預設下單式選單是2，出來結果是選在2沒錯

但是卻不能更改他，怎麼選都會回到2

因為之前這樣寫沒問題，想請問為什麼會這樣呢?

是因為放到td裡面才會這樣嗎?

我目前是用selected來解決，但是每一個option都要加判斷感覺不是很直覺

框架是用ReactJS

感謝~~

Sam-物理拳頭系工程師(五段) iT邦高手 9 級 ‧ 2020-07-08 13:51:23 檢舉

每個option都要加判斷？不是讓他用迴圈跑？
都用框架了，畫面應該要依據資料的內容來變動或呈現不是？

gary11159 iT邦新手 5 級 ‧ 2020-07-08 13:59:00 檢舉

感謝建議~

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

2 個回答

㊣浩瀚星空㊣

iT邦大神 1 級 ‧ 2020-07-08 13:57:40

最佳解答

其實，select 正確的指定是

        <select>
			<option value="1">1</option>
			<option value="2" selected>2</option>
        </select>

如果不想每一個option寫判斷的話。
可以用一段javascript

selectObject.value = 2

來處理。
但不要直接給dom value的值。會被鎖定。因為我以前也幹過這樣的事過。

回應 1
分享
檢舉

gary11159 iT邦新手 5 級 ‧ 2020-07-08 14:00:29 檢舉

原來如此，感謝

登入發表回應

dragonH

iT邦超人 5 級 ‧ 2020-07-08 13:57:38

codepen

我沒看過在 select 用 value

老實說

回應 3
分享
檢舉

gary11159 iT邦新手 5 級 ‧ 2020-07-08 14:00:48 檢舉

這樣看來是我原本就寫錯了，感謝

froce iT邦大師 1 級 ‧ 2020-07-08 16:34:11 檢舉

我沒看過在 select 用 value

有啦，你沒指定的話value等於innerText
有指定的話這個select送出的就是value

<select>
  <option value="1">第一</option>
  <option value="2" selected>第二</option>
</select>

dragonH iT邦超人 5 級 ‧ 2020-07-08 22:16:00 檢舉

登入發表回應

我要發表回答

立即登入回答

參賽組數

1123 組

團體組數

52 組

累計文章數

23096 篇

完賽人數

656 人

15th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 2018鐵人賽 javascript 2017鐵人賽 python windows php c# windows server linux css 程式設計 react vue.js

IT邦幫忙