更改下拉

的項目我有我的網頁四個下拉列表：更改下拉

當我在下拉式選單中選擇了100，其他的下拉菜單應該有從A除了選擇一個項目。它應該是這樣的：

當選擇了其他下拉菜單時也是如此。它應該看起來像這樣：

我該怎麼做？

這裏是我做出的唯一代碼：

<select id = "A" name = "A"> 
    <option value = "c1">-a-</option>    
    <option value = "100">100</option> 
    <option value = "75">75</option> 
    <option value = "50">50</option> 
    <option value = "25">25</option> 
</select> 

<select id = "B" name = "B"> 
    <option value = "c2">-b-</option> 
</select> 

<select id = "C" name = "C"> 
    <option value = "c3">-c-</option> 
</select> 

<select name = "D" id = "D"> 
    <option value = "c4">-d-</option> 
</select>

來源

2012-01-26 helen grace fernandez

不是由php。它與js相關 – k102

「我在php中有四個下拉列表」 - 不，你不知道。 PHP是服務器端腳本，PHP中沒有用戶界面。 –

@ k102 - 我如何通過js來實現它？ –

在這裏你去

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
    $('select').change(function(e){ 
     var selectedObj = $(this); 

     selectedObj.nextAll().each(function(i, ele) { 
      $(ele).html(''); 
      selectedObj.children('[value!='+selectedObj.val()+']').each(function(j, option){ 
       $(ele).append($(option).clone()); 
      }); 
     }); 
    }); 
}); 

</script> 
</head> 
<body> 
<select name="a" id="a"> 
    <option value="-">-</option> 
    <option value="100">100</option> 
    <option value="200">200</option> 
    <option value="300">300</option> 
    <option value="400">400</option> 
</select> 

<select name="b" id="b"> 
    <option value="-">-</option> 
</select> 

<select name="c" id="c"> 
    <option value="-">-</option> 
</select> 

<select name="d" id="d"> 
    <option value="-">-</option> 
</select> 

</body> 
</html>

來源

2012-01-26 09:42:29 Rannnn

您可以通過使用Ajax調用，然後加載你想要的內容實現這一點，這也通過使用簡單的JavaScript來實現。

<?php 
$type=$_GET["q"]; 
switch($type) 
{ case '100': ?> 
<select class="select" name="subtype" id="subtype"> 
    <option value="c2" >-b-</option> 
    <option value="75">75</option> 
<?php break; ?>

在ajax調用之後對此代碼進行必要的更改，這將有所幫助。

來源

2012-01-26 09:54:33

回答

相關問題