ریختن مقادیر اپشن ها در button

[leberman]

درود

من کدی دارم به این شکل:

<select name="category" onchange="changeselect( this.value )">
<option value="0">انتخاب دسته بندی</option>
<option value="1">رنگارنگ</option>
<option value="2">بهترین ها</option>
<option value="3">حرفه ای</option>
<option value="4">پاشاباغچه</option>
<option value="5">ظروف نگهداری</option>
<option value="6">بی نقص</option>
<option value="7">صبحانه</option>
</select>
<div id="subcats">
<select name="subcategory" style="display:none">
<option value="0">انتخاب از گروه رنگارنگ</option>
<option value="1">A</option>
<option value="2">B</option>
<option value="3">C</option>
</select>

<select name="subcategory" style="display:none">
<option value="0">انتخاب از گروه بهترین ها</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>

<select name="subcategory" style="display:none">
<option value="0">انتخاب از گروه حرفه ای</option>
<option value="1">a</option>
<option value="2">b</option>
<option value="3">c</option>
</select>

<select name="subcategory" style="display:none">
<option value="0">انتخاب از گروه پاشاباغچه</option>
<option value="1">d</option>
<option value="2">e</option>
<option value="3">f</option>
</select>
</div>
<a href="">ورود به بخش مورد نظر</a>

کد جاوا اسکریپت هم:


function changeselect( selectNo )
{
var sels = document.getElementById("subcats").getElementsByTagName('select');
for( var j=0; j<sels.length; j++ )
{
sels[j].style.display = "none";
if ( j===(selectNo-1) )
{ sels[j].style.display = ''; }
}
}


میخوام وقتی یکی از آپشن ها انتخاب میشه url دکمه ای که گذاشتم تغییر کنه !
ممنون میشم دوستان راهنمایی کنن.