Assing第一選擇框的值，第二與jQuery

-1

我想對第二選擇上首先分配選擇框的值...Assing第一選擇框的值，第二與jQuery

<select name="first"> 
<option value="1">A</option> 
<option value="2">B</option> 
<option value="3">C</option> 
</select> 

<select name="second"> 
<option value="1">A</option> 
<option value="2">B</option> 
<option value="3">C</option> 
</select>

用戶進入網站，然後從第一個選擇框選擇，同時第二選擇框必須具有相同的價值，但如果用戶想要他也必須從第二個選擇。

來源

2016-01-23 yigitozmen

<script> 

    $(document).ready(function() { 
     $('select[name="first"], select[name="second"]').change(function() { 
      $('select[name="first"], select[name="second"]').val($(this).val()); 
     }); 
    }); 
</script>

https://jsfiddle.net/2aa9yt4m/

使用上面的代碼，用於向選擇框分配值。每當改變。

來源

2016-01-23 12:42:40 ameenulla0007

好吧它的作品，但與select2插件沒有看到頁面 – yigitozmen

謝謝..它的價值！ – yigitozmen

永遠歡迎！ :) @yigitozmen – ameenulla0007

<html> 
<head> 
<script src="http://code.jquery.com/jquery-1.10.2.js"></script> 

<script> 

    $(document).ready(function() { 
     $('select[name="first"], select[name="second"]').change(function() { 
      $('select[name="second"]').val($('select[name="first"]').val()) 
     }); 
    }); 
</script> 
</head> 
<body><select name="first"> 
<option value="1">A</option> 
<option value="2">B</option> 
<option value="3">C</option> 
</select> 

<select name="second"> 
<option value="1">A</option> 
<option value="2">B</option> 
<option value="3">C</option> 
</select> 
</body> 
</html>

來源

2016-01-23 12:39:14 Aswathy

沒有工作不幸 – yigitozmen

雖然工作，但是，不能在頁面上看到..當我點擊第二個選擇框我看到它選擇，但不能在頁面 – yigitozmen

看到它將設置第二個選擇更改第一個。你需要的數據？ – Aswathy

Assing第一選擇框的值，第二與jQuery

回答

相關問題