手で設定した場合、JQueryの選択入力値は自動的に変更されません

Question

選択範囲と入力範囲+入力テキストがあります。入力値の

1. あなたのサイズ：

   は、選択中の選択肢の2つのタイプがあります。

2. 入力値の固定サイズ。

固定サイズを選択した場合はすべて問題ありませんが、手動でサイズを設定してから固定サイズを選択すると、入力値は変更されません。間違いはどこですか？

$(document).ready(function() {  
     $("div.roword select").change(function() { 
      var text = $(this).find("option:selected").text(); 
      if (text == "60x90") { 
       $("input#height, input#heightPlus").attr('value', '60'); 
       $("input#width, input#widthPlus").attr('value', '90'); 
       $("input#height, input#width").focus(); 
       $("input#height, input#width").blur(); 
      } 
    }); 
}); 

Answer 1

この

$(document).ready(function() {  
    $("div.roword select").change(function() { 
     var text = $(this).find("option:selected").text(); 
     if (text == "Size 60x90") { 
      $("input#height, input#heightPlus").val(60); 
      $("input#width, input#widthPlus").val(90); 
      $("input#height, input#width").focus(); 
      $("input#height, input#width").blur(); 
     } 
    }); 
}); 

jQuery(document).ready(function($) { 
 
\t \t count = 0; 
 
\t  var html2 = $("<input form='send' type='range' id='width' name='width" + count + "' min='40' max='300' value='40'/><input type='text' pattern='\d*' maxlength='3' id='widthPlus' name='widthPlus" + count + "' min='40' max='300' value='40'/>"); 
 
\t  $(".form-col-3").html(html2); 
 
\t \t $(document).on('input', '#width', function(event) { 
 
\t \t  $(this).next().val($(this).val()); 
 
\t \t }); 
 
\t \t $(document).on('input', '#widthPlus', function(event) { 
 
\t \t  $(this).prev().val($(this).val()); 
 
\t \t }); 
 
\t \t $("div.roword select").change(function() { 
 
\t   var text = $(this).find("option:selected").text(); 
 
\t   if (text == "Size 60x90") { 
 
\t    $("input#height, input#heightPlus").val(60); 
 
\t    $("input#width, input#widthPlus").val(90); 
 
\t    $("input#height, input#width").focus(); 
 
\t    $("input#height, input#width").blur(); 
 
\t   }else{ 
 
\t    $("input#height, input#heightPlus").val(40); 
 
\t    $("input#width, input#widthPlus").val(40);     
 
      } 
 
\t }); 
 
    });

<div id="form" > 
 
     <div class="roword"> 
 
      <div class="col-md-3 col-sm-6 col-xs-12 form-col-1"> 
 
       <select form="send" name="type[]"> 
 
        <option value="">Choose type</option> 
 
        <option class="optionBold" value="1.1">Your own size</option> 
 
        <option value="1.1">Size 60x90</option> 
 
        </select> 
 
      </div> 
 
      <div class="col-md-3 col-sm-6 col-xs-12 form-col-3"> 
 
      </div> 
 
      <div class="col-md-2 col-sm-5 col-xs-10 form-col-4"> 
 
       <input class="myPrice" form="send" type="text" name="result[]" readonly> 
 
      </div> 
 
     </div> 
 
    </div> 
 
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script>