根据其他选择更改一个表格选择选项

我正在使用此代码。我正在使用内部脚本。我可以看到第一个选择;但由于第一次选择，第二次选择的值不会改变。我可能会错过一些基本的东西。请帮忙。请提供一个工作示例。根据其他选择更改一个表格选择选项

<!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中定义。是的，它会工作。您可以将此答案标记为自工作以来接受的答案 –

根据其他选择更改一个表格选择选项

回答

相关问题