如何在有条件的选择选项和文本输入之间交换值

Question

嗨，我有一个选择选择"其他"，如果用户单击该选项，将显示隐藏输入框并提示用户在此演示中验证输入

如：

   $('#selType').change(function(){
     if($(this).val() == '2') {$('#benOt').show(); }//end of If
       else{$('#benOt').css("display", "none");}   
 });

我做验证为：

  if ($('#selType').val() === "2") {
            if ($('#other').val() === "") {
                $('#other').parent().after('<div class="alert alert-danger err"> <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>This is a Required Field</div>');
                proceed = false;
            } else if (!nameRegexnumber.test($('#other').val())) {
                $('#other').parent().after('<div class="alert alert-danger err"> <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>Data Type Cant Be Number</div>');
                proceed = false;
            } else if (!nameRegexshort.test($('#other').val())) {
                $('#other').parent().after('<div class="alert alert-danger err"> <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>Data Type Cant Be Short</div>');
                proceed = false;
            } else {
            }
        }

到目前为止一切正常，但我需要获取 Type 的值，所以如果我选择另一个，我如何从输入框中获取值？ 我所做的是：

if (proceed) {
            file_type = $('#selType').val();
                $('#stype').html(file_type);
        }

这使得Type = 2在语法上是正确的，但在逻辑上是错误的！你能告诉我如何解决这个问题吗？

Answer 1

将值放入#stype时使用条件

file_type = $('#selType').val();
$('#stype').html(file_type == '2' ? $('#other').val() : file_type);

演示