옵션의 값을 변경하는 방법

Question

두 개의 옵션 필드가 있습니다. 첫 번째 요소 인의 선택에 따라 초의 옵션이 변경됩니다.

현재 두 번째 필드의 값은 숫자이지만 전자 메일로 전송되기 때문에 텍스트 옵션과 동일하게 지정합니다.

자바 스크립트 코드 :

var affiliatesAndCompanies = {}; 
affiliatesAndCompanies['Auto Industry'] = ['Company','Company 1', 'Company 2', 'Company3']; 
affiliatesAndCompanies['Door-to-door Sales'] = ['Company', 'Company 5', 'Company 6', 'Company 7']; 
affiliatesAndCompanies['Independent'] = ['Company', 'Company 9', 'Company 10']; 
affiliatesAndCompanies['Mortgage Officer'] = ['Company', 'Company 12', 'Company 13']; 
affiliatesAndCompanies['Real Estate Agent'] = ['Company', 'Company 15', 'Company 16']; 
affiliatesAndCompanies['Seminar Servicers'] = ['Company', 'Company 18', 'Company 19']; 

function ChangeaffiliationList() { 
    var affiliatesList = document.getElementById("affiliation"); 
    var companiesList = document.getElementById("companies"); 
    var selAffiliation = affiliatesList.options[affiliatesList.selectedIndex].value; 

    while (companiesList.options.length) { 
     companiesList.remove(0); 
    } 

    var affiliates = affiliatesAndCompanies[selAffiliation]; 
    if (affiliates) { 
     var i; 
     for (i = 0; i < affiliates.length; i++) { 
      var affiliate = new Option(affiliates[i], i); 
      companiesList.options.add(affiliate); 
     } 
    } 
} 

HTML 코드 : 미리

<select class="validate-required" name="parent-affiliate" id="affiliation" onchange="ChangeaffiliationList()"> 
    <option selected="selected" value="">Area of affiliation</option> 
    <option value="Auto Industry">Auto Industry</option> 
    <option value="Door-to-door Sales">Door-to-door Sales</option> 
    <option value="Independent">Independent</option> 
    <option value="Mortgage Officer">Mortgage Officer</option> 
    <option value="Real Estate Agent">Real Estate Agent</option> 
    <option value="Seminar Servicers">Seminar Servicers</option> 
</select> 
</div> 
<div class="select-option col-md-6 p0"> <i class="ti-angle-down"></i> 
    <select class="validate-required" name="parent-affiliate-options" id="companies"> 
    <option selected="selected" value="no-selection">Company</option> 
    </select> 
</div> 

감사합니다. 옵션에 대한 문서에서

Answer 1

https://developer.mozilla.org/en-US/docs/Web/API/HTMLOptionElement/Option

보기 ... 당신은 값으로 난을 사용하고 있습니다.

new Option(affiliates[i], affiliates[i]); 

값을 텍스트와 동일하게하려면