需要使用ajax进行两个选择（一个依赖于另一个），每个选项都链接到不同的页面

Question

我只有很少的模板供用户创建类似的页面，而只是更改产品名称，在此页面上输入时选择的选项以及选择内容（取决于所选择的内容）下的动态内容。

<select name="device" id="device">
 <option value="1">Asus</option>
 <option value="2">Acer</option>
 <option value="3">Samsung</option>
 <option value="4">Dell</option>    
</select>
<select name="model" id="model">
 <option value="1">Asus1</option>
 <option value="1">Asus2</option>
 <option value="1">Asus3</option>
 <option value="2">Acer1</option>
 <option value="2">Acer2</option>
 <option value="2">Acer3</option>
 <option value="3">Samsung1</option>
 <option value="3">Samsung2</option>
 <option value="3">Samsung3</option>
 <option value="4">Dell1</option>
 <option value="4">Dell2</option>
 <option value="4">Dell3</option>
</select>



var $select1 = $( '#device' ),
    $select2 = $( '#model' ),
$options = $select2.find( 'option' );

$select1.on( 'change', function() {
$select2.html( $options.filter( '[value="' + this.value + '"]' ) );
} ).trigger( 'change' );

Fiddle

如果我添加wp_dropdown_categories（）并在页面上显示循环显示帖子，如何在不按的情况下执行此操作，又如何才能使第二个依赖于第一次选择？ 另外，我不明白如何将每个选项链接到某个页面，因此，当用户创建新页面时，他可以为该页面和该分类法术语的内容创建新选项。

我只是wordpress的初学者，所以请不要怪我问愚蠢的问题。我什至不了解这项任务的算法。