javascript - 如何捕获 Javascript TypeError？

Question

<div class="member_management_area" style="display:none">
    <div class="member_search">
        <a class="member_search_zone">
            <span class="glyphicon glyphicon-menu-hamburger searchMenuyo" aria-hidden="true"></span>
            <span name="searchMenu" id="searchMenu">검색 유형을 선택하세요</span>
        </a>
        <input type="text" name="keyword">
            <a class="memberSearch_bt">
                <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
            </a>
            <select id="choiceSearchMenu" name="type" onchange="menuDisplay(this.form)">
                <option value="0"> ---- 선택하세요 ---- </option>
                <option value="1">아이디로 검색</option>
                <option value="2">끝 번호로 검색</option>     
            </select>
    </div>
</div>

$('.searchMenuyo').click(function()
{
    $('#choiceSearchMenu').slideDown(); 
});

$('#choiceSearchMenu').mouseout(function()
{
    $('#choiceSearchMenu').slideUp();
});

function menuDisplay(frm)
{
    var menu = frm.type.selectedIndex;
    console.log(menu);

    if(menu == 1)
    {
        document.getElementById('searchMenu').innerHTML('Search ID');
    }

    if(menu == 2)
    {
        document.getElementById('searchMenu').innerHTML('Search Last PhoneNumber');
    }
}

如果您从幻灯片菜单中选择选择选项的值， 该值必须更改，但继续 var menu = frm.type.selectedIndex; 在这一部分中，Uncaught TypeError: Can not read property 'type' of null.

为什么会发生此错误以及如何修复它？

如果您能帮助我，我将不胜感激。

Answer 1

错误“Uncaught TypeError: Can not read property 'type' of null”意味着 frm 变量未定义。这意味着，在 onchange 事件期间调用该函数时，它不会获取其值。

var menu = frm.type.selectedIndex;

此外，关于您对 innerHTML 的查询，您可以这样设置其值:

document.getElementById('searchMenu').innerHTML = 'Search ID';