根據其他選擇更改一個表格選擇選項

我正在使用此代碼。我正在使用內部腳本。我可以看到第一個選擇;但由於第一次選擇，第二次選擇的值不會改變。我可能會錯過一些基本的東西。請幫忙。請提供一個工作示例。根據其他選擇更改一個表格選擇選項

<!DOCTYPE html> 
<html> 
<body> 
<script> 
$(document).ready(function() { 
    $("#type").change(function() { 
     var val = $(this).val(); 
     if (val == "item1") { 
      $("#size").html("<option value='test'>item1: test 1</option><option 
       value='test2'>item1: test 2</option>"); 
     } else if (val == "item2") { 
      $("#size").html("<option value='test'>item2: test 1</option><option 
       value='test2'>item2: test 2</option>"); 
     } else if (val == "item3") { 
      $("#size").html("<option value='test'>item3: test 1</option><option 
       value='test2'>item3: test 2</option>"); 
     } 
    }); 

}); 
</script> 
<select id="type"> 
    <option value="item1">item1</option> 
    <option value="item2">item2</option> 
    <option value="item3">item3</option> 
</select> 
<select id="size"> 
    <option value="">-- select one -- </option> 
</select> 
</body> 
</html>

來源

2013-06-21 user2507447

檢查這個的jsfiddle看到工作示例http://jsfiddle.net/YPsqQ/

你需要使用

$("#id").change(function() { 

//your code here 

});

來源：http://jsfiddle.net/YPsqQ/

來源

2013-06-21 03:12:17

我認爲我已經使用$（「＃type」）。change（function（）我只從該提琴的例子，但問題是我使用內部javascript.can你請運行我代碼在你的瀏覽器中，看看它是否適合你。如果沒有，需要編輯什麼？抱歉。我是新來的JavaScript – user2507447

您需要在腳本標記指定它的JavaScript <腳本類型=「文/ JavaScript的」> //你的腳本在這裏在HTML5中你可以使用腳本標籤 –

tried.still不working.request你請在你的瀏覽器上運行它。它在我的項目中非常重要。請！ – user2507447

您還沒有進口jQuery的，這是問題
複製並將以下html代碼粘貼到您的html頁面

<html> 

<head> 
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() { 
    $("#type").change(function() { 

     var val = $(this).val(); 
     if (val == "item1") { 
      $("#size").html("<option value='test'>item1: test 1</option><option value='test2'>item1: test 2</option>"); 
     } else if (val == "item2") { 
      $("#size").html("<option value='test'>item2: test 1</option><option value='test2'>item2: test 2</option>"); 
     } else if (val == "item3") { 
      $("#size").html("<option value='test'>item3: test 1</option><option value='test2'>item3: test 2</option>"); 
     } 
    }); 

}); 
</script> 

</head> 
<body> 

<select id="type"> 
    <option value="item1">item1</option> 
    <option value="item2">item2</option> 
    <option value="item3">item3</option> 
</select> 
<select id="size"> 
    <option value="">-- select one -- </option> 
</select> 
</body> 
</html>

來源

2013-06-21 04:09:09

謝謝vignesh..cant謝謝你.. :)我只有一個問題..爲什麼我們需要導入jquery。如果我使用一些其他的JavaScript概念，這個特定的jquery是否也適用於該代碼，或者我需要爲該代碼導入一些其他的jquery？在此先感謝 – user2507447

，因爲所有你使用的函數像.html .append等僅在你需要導入的那個jquery中定義。是的，它會工作。您可以將此答案標記爲自工作以來接受的答案 –

根據其他選擇更改一個表格選擇選項

回答

相關問題