How to catch 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');
    }
}

If you select the value of the select option from the slideDown menu, the value must be changed, but continue to var menu = frm.type.selectedIndex; In this part, Uncaught TypeError: Can not read property 'type' of null.

Why is this error happening and how can I fix it?

I would appreciate it if you could help me.

It means the variable frm is undefined. Meaning, that the function is not getting the form element when the function is called. — Nisarg Shah
– Nisarg Shah, Commented Aug 6, 2017 at 13:08
An error occurred because there was no form tag. So I added a form tag and I ran the project, but this time document.getElementById ('searchMenu'). InnerHTML ('Search ID'); In this passage, Uncaught TypeError: document.getElementById (...). InnerHTML is not a function. Why does this error occur? @NisargShah — Seongwon-Choi
– Seongwon-Choi, Commented Aug 6, 2017 at 13:17
That's because innerHTML is not a function. You can set it like this: document.getElementById('searchMenu').innerHTML = 'Search ID'; — Nisarg Shah
– Nisarg Shah, Commented Aug 6, 2017 at 13:22
No probs, I will check and see if I could help in any way. :) — Nisarg Shah
– Nisarg Shah, Commented Aug 6, 2017 at 13:34

Nisarg Shah · Accepted Answer · 2017-08-06 13:32:33Z

1

The error "Uncaught TypeError: Can not read property 'type' of null" means that the frm variable is undefined. Meaning, it isn't getting its value when the function is called during onchange event.

var menu = frm.type.selectedIndex;

Also, regarding your query about innerHTML, you could set its value like this:

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

answered Aug 6, 2017 at 13:32

Nisarg Shah

14.6k6 gold badges38 silver badges58 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to catch Javascript TypeError?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related