表格下拉框選擇，關聯表格行的關聯顯示和隐藏，tr行的顯示和隐藏

需求：

表格中的會議主題一欄，為一個下拉框，需要實作選擇的值為“座談會”和“常委會”的時候，表格的結尾才會顯示出會議說明這一欄。其他情況都預設為隐藏。上一個效果圖：

預設隐藏：

選擇改變，會議說明出現：

現在就講解一下我是怎麼實作的，作為前端我也是小白，不喜勿噴……

先将這一行預設隐藏，使用該屬性隐藏。

元素成功隐藏，接下來為會議主題的select元素增加一個Onchange的觸發事件：

//html代碼
<tr>
	<td class="lable_td">會議主題：</td>
	<td colspan="3">
		<select id="meetname" name="meetname">
			<option value="1" selected="selected">辦公室會議</option>
			<option value="2">常委會</option>
			<option value="3">座談會</option>
		</select>
	</td>
</tr>
//js代碼
	document.getElementById("meetname").onchange = function(){
		let meetname = this.options[this.selectedIndex].value;
		//alert(meetname);
		if(meetname==2||meetname==3){
			document.getElementById("description_id").style.display = "table-row";
		}else{
			document.getElementById("description_id").style.display = "none";
		}	
	}
           

成功！！！！！

注意點：這裡的設定顯示的display屬性要用table-row屬性