Javascript onchange下拉列表助手

我正在尝试一种javascript onchange方法，我对编码是新手。当我选择ID时，键入要更改为passport的输入文本，当我选择南非ID时，要更改为南非ID的输入是一个代码。passport字段隐藏一旦我选择密码，南非ID必须在passport中更改

 <div class="editor-label"><label for="IDType">ID Type:</label></div>
    <div class="editor-field"><select class="editor-dropdown" id="IdType" name="IDType">
    <option value="SouthAfricanId">South African ID</option>
    <option value="Passport">Passport</option>
    <input id="Passport" name="Passport" type="hidden" value="True">           
    </div>
    <div class="editor-label">
    <label id="lbIDValue">South African ID:</label>
    </div>
    <div class="editor-field">
    <input class="textbox" id="txIdValue" maxlength="13" name="IDValue" type="text" value="">
    </div>

ID类型：
南非身份证
护照
南非身份证：

您可以尝试下面的JQuery：

$("#IdType").change(function(){
    $("#lbIDValue").val($(this).find("option:selected").text());
    if($(this).val() == "passport"){
        $('#Passport').hide();
    }
    else{
        $('#Passport').show();
    }
})

---

如果您没有使用jQuery，那么可以使用纯JavaScript来实现所需的结果。将更改事件附加到select元素，然后使用event.target.value找出所选的选项

var select = document.getElementById('IdType');
var options = select.getElementsByTagName('option');
var label = document.getElementById('lbIDValue');

function selectChanged(e) {
   var value = e.target.value;
   var option;

    for (var i = 0; i < options.length; i++) {
        if (options[i].value === value) {
            option = options[i];   
        }
    }

    label.innerText = option.innerText;
}

select.addEventListener('change', selectChanged, false);

var select=document.getElementById（'IdType'）；
var options=select.getElementsByTagName（'option'）；
var label=document.getElementById（'lbIDValue'）；
功能选择已更改（e）{
var值=e.目标值；
var期权；
对于（变量i=0；i

见jsFiddle-

---

html也是无效的-它应该有一个结束选择

对不起，我不能告诉你，你能更具体一点吗？需要clarityConsider检查你的问题语法和连贯性。