HTML onclick document.getElementById

Question

我有一個很簡單的問題，但我想讓它正常工作有一點問題。 我已經在具有一個參數的外部js文件中編寫了一個函數。

在我的HTML中，我有onclick事件，我要提供的論據是下拉菜單中的值，因此我使用document.getElementById來獲取該值。 但是當我觸發事件時，它正在抱怨。

<select id="ddlOriginHubChinaSea" onclick="chkHub(document.getElementById('ddlOriginHubChinaSea').val())" >
                <option value="Cambodia">Cambodia</option>
                <option value="HK">HK</option>
                <option value="Indonesia">Indonesia></option>
                <option value="Shanghai">Shanghai</option>
                <option value="Thailand">Thailand</option>
</select>


function chkHub(param) {  
    if (param != '') {
        $('#txtChinaSeaAirHub').val(param);       
    }
    else {
        $('#txtChinaSeaAirHub').val('');
    }
}

Answer 1

試試看：

<select id="ddlOriginHubChinaSea" onchange="chkHub(this.value)" >

Answer 2

function chkHub(param) {  
    if (param.options[param.selectedIndex].value != '') {
        $('#txtChinaSeaAirHub').val(param.options[param.selectedIndex].value);       
    }
    else {
        $('#txtChinaSeaAirHub').val('');
    }
}

和onchange="chkHub(this)"