Как установить параметры в теге select с помощью jquery

Question

У меня есть два раскрывающихся списка на моей странице. Второй выпадающий генерируется, когда я выбираю первый one.Here мой HTML код

<td width="100"><label for="type">Menu Category Name:</label></td> 
     <td width="200"> 
      <select name="type" id="type" class="target dropdown required" onchange = getSubCategory(); tabindex="3" > 
       <?php echo $typeOption;?> 
      </select> 
     </td> 


<tr height="50">  
     <td width="100"><label for="sub_type">Menu Sub Category Name:</label></td> 
     <td width="200"> 
      <select name="sub_type" id="sub_type" class="sub dropdown required" tabindex="3" > 

      </select> 
     </td> 

    <tr height="50"> 

И функция моя getSubCategory() является

function getSubCategory(){ 
alert($("#type").val()); 
var catId = $("#type").val(); 
ajax(url,{id:catId,action:"getAllSubcategory"},function (response){ 
    $("div.sub").val(response); 

}); 

}

и это мой бэкенд PHP code.Here Я устанавливаю каждый вариант

function getAllSubcategory(){ 
global $db; 
$data = $_REQUEST; 
$getProductSubType = "SELECT id, name FROM cp_reference_master WHERE active = 'Y' 
        AND mode='item_type_subcat'AND parent_id = '".$data['id']."' ORDER BY name ASC"; 
$resultType = $db->func_query($getProductSubType); 

$subTypeOption = '<option value="">Select Category</option>'; 
$subTypeList = array(); 
if(is_array($resultType) && count($resultType)>0){ 
    foreach($resultType as $key => $details){ 
     $subTypeOption .= '<option value="'.$details['id'].'">'.$details['name'].'</option>'; 
     $subTypeList[$details['id']] = $details['name']; 
    } 
} 
return $subTypeOption; 

}

Мне нужно установить ответ на мой тег подкатегории. Я не могу установить то же самое. Что не так в моем коде. Я уже пробовал 2 или 3 решения.

Answer 1

вам нужно использовать append() или html() вместо val()

также не имеют div.sub элемент кода, который вы показали нам, так что я предполагаю, что вы хотите, чтобы добавить ответ на второй выберите тег:

function getSubCategory(){ 
    var catId = $("#type").val(); 
    ajax(url,{id:catId,action:"getAllSubcategory"},function (response){ 
     $("#sub_type").append(response); 
    }); 
});