다중셀렉터에서 변수 2개로 값을 입력받기

<div class="autosave_wrapper write_div"><i class="fa fa-spinner"></i>
        <select id="wr_1" name="wr_1" required class="frm_input required" onChange="wr_1_change(this.value);">
            <option value="선택">선택하기</option>
            <option value="채소"<? if($wr_1=="채소") echo" selected"; ?>>채소</option>
            <option value="과일"<? if($wr_1=="과일") echo" selected"; ?>>과일</option>
        </select>
        <select id="wr_2" name="wr_2" required class="frm_input required">
        <option value="수박"<?if($wr_2=="수박")echo"selected";?>>크고 둥근 수박</option>
        <option value="토마토"<?if($wr_2=="토마토")echo"selected";?>>빨간 토마토</option>
        <option value="사과"<?if($wr_2=="사과")echo"selected";?>>빨간 사과</option>
        <option value="감"<?if($wr_2=="감")echo"selected";?>>노란 감</option>        

        </select>
 
          <script>
        function wr_1_change(wr_1) {
            var wr_2_Q = "";
            if(wr_1 == "채소"){
            wr_2_Q += "<option value='수박'<?php if($wr_2=='수박') echo 'selected'; ?>>크고 둥근 수박</option>";        
            wr_2_Q += "<option value='토마토'<?php if($wr_2=='토마토') echo 'selected'; ?>>발간 토마토</option>";        
                } else if(wr_1 == "과일"){
            wr_2_Q += "<option value='사과'<?php if($wr_2=='사과') echo 'selected'; ?>>빨간 사과</option>";        
            wr_2_Q += "<option value='감'<?php if($wr_2=='감') echo 'selected'; ?>>노란 감</option>";
            }
            $('#wr_2').html(wr_2_Q);
        }
        </script>
    </div>