یه کد پیدا کردم که کاری رو که میخوام انجام میده فقط یه مشکل داره
اونم این هست که value هر دو باید برابر باشه
خوب در اینصورت بعد از سابمیت کردن فرم ، من چطور باید متوجه بشم که وقتی کاربر از منوی یک Fruit رو انتخاب کرده
در منوی دوم کدوم یکی رو انتخاب کرده ؟ ( در حالت عادی هر کدوم رو که انتخاب کنه یه مقدار ثابت رو برمیگردونه )
برای حل این موضوع باید چیکار کنم ؟
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
</head>
<body>
<select name="select1" id="select1">
<option value="1">Fruit</option>
<option value="2">Animal</option>
<option value="3">Bird</option>
<option value="4">Car</option>
</select>
<select name="select2" id="select2">
<option value="1">Banana</option>
<option value="1">Apple</option>
<option value="1">Orange</option>
<option value="2">Wolf</option>
<option value="2">Fox</option>
<option value="2">Bear</option>
<option value="3">Eagle</option>
<option value="3">Hawk</option>
<option value="4">BWM<option>
</select>
</body>
<script type="text/javascript">
var $select1 = $( '#select1' ),
$select2 = $( '#select2' ),
$options = $select2.find( 'option' );
$select1.on( 'change', function(){
$select2.html( $options.filter( '[value="' + this.value + '"]' ) );
}).trigger( 'change' );
</script>
</html>