使用JavaScript创建自定义的“其他”选项

Question

我有一个自动填充的下拉框，它使用php从MySQL数据库中获取输入。我创建了一个名为“其他”的选项，以调出隐藏的文本输入来创建自定义条目，但是我的JavaScript无法正常运行。选择“其他”时为何没有显示隐藏文本字段的任何建议？

<tr><td>Brand:  </td><td>   <select style='width:205px' name="BrandBox" onchange='otherbrand(this.val)'>

<?php

$qry = "Select BrandName from Brand";
$populate = mysqli_query($conn, $qry);

while ($run = mysqli_fetch_assoc($populate)){
echo "<option value="'.$run['BrandName'].">'".$run['BrandName']."</option>";
}

?>
<option value="Other">Other</option></td>


<script type="text/javascript">
function otherbrand(val){
var element = document.getElementById('otherb');
if(val == 'Other')
element.style.display='block';
else
element.style.display='none';
}
</script>

<td><input type="text" name="BrandBox" id="otherb" style='display:none'/></td>
</select></tr>