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)"