jquery不启用/禁用基于其他下拉选项的下拉选项

Question

我正在使用以下jquery代码以便发生以下情况

if remote_server is "yes" 
     allow all fields under FTP
else remote_server is "no"
     disable all fields under FTP

我遇到的问题是将“remote_server”更改为no不会禁用“ftp_mode”下拉选项，但会禁用所有文本框。如果我将“remote_server”设置为yes，那么除了“ftp_mode”下拉选项外，所有的框都被启用

JQ代码

var e = document.getElementsByName("remote_server")[0]
var strUser = e.options[e.selectedIndex].value;

$('select[name=remote_server]').change(function(){
   var inputs = $('input[name^=ftp_],select[name^=ftp_]');
   $(this).val() == "0" ? inputs.attr("disabled", "disabled") : inputs.removeAttr("disabled");
}).change()

以下是两个选项的HTML：

remote_server的：

<select name="remote_server" class="required">
<option></option>
<option value="1" <?php if($remote=="1") echo 'selected="selected"'; ?>>Yes</option>
<option value="0" <?php if($remote=="0") echo 'selected="selected"'; ?>>No</option>
</select>

ftp_mode

<select name="ftp_mode" class="required">
<option></option>
<option value="1" <?php if($ftpmode=="1") echo 'selected="selected"'; ?>>Active</option>
<option value="0" <?php if($ftpmode=="0") echo 'selected="selected"'; ?>>Passive</option>
</select>