javascript - 两个选择选项上的多个更改

Question

我正在尝试进行 2 个选择，一个是请求类型，一个是请求编号像这样:

• 请求类型中为:CR,PR,BR,BPI,T
• 请求编号内为:CR,PR,BR,BPI,T(选择 BPI 时应禁用 T)

代码如下:

<td>Request Type</td>

<select name='cr_type' id='cr_type' >

    <option value=''>-Pilih-</option>
    <option value='CR'>CR</option>
    <option value='PR'>PR</option>
    <option value='BR'>BR</option>
    <option value='T'>T</option>
    <option value='BPI'>BPI</option>

<td>Request Number</td>

<select name='cr_code' id='cr_code' >

    <option value=''>-Pilih-</option>
    <option value='CR'>CR</option>
    <option value='PR'>PR</option>
    <option value='BR'>BR</option>
    <option value='T'>T</option>

我想这样做，如果我选择 CR、PR、BR 和 T，它们将自动生成相应类型的请求号(CR 到 CR、PR 到 PR、BR 到 BR 和 T成T)，然后禁用，所以不能更改，如果我选择BPI，它们就会变成手动选择CR、PR和BR。

Answer 1

var crType = document.getElementById("cr_type"),
		crCode = document.getElementById("cr_code");
		
crType.onchange = function() {

	var value = crType.value;
	
	if (value !== 'BPI') {
		crCode.value = value;
		crCode.disabled = true;
	} else {
		crCode.value = '';
		crCode.disabled = false;
	}

};

<td>Request Type</td>
<select name='cr_type' id='cr_type'>
	<option value=''>-Pilih-</option>
	<option value='CR'>CR</option>
	<option value='PR'>PR</option>
	<option value='BR'>BR</option>
	<option value='T'>T</option>
	<option value='BPI'>BPI</option>
</select>

<br>

<td>Request Number</td>
<select name='cr_code' id='cr_code' >
	<option value=''>-Pilih-</option>
	<option value='CR'>CR</option>
	<option value='PR'>PR</option>
	<option value='BR'>BR</option>
	<option value='T'>T</option>
</select>