1

有人可以看看我的代码，有些东西不工作，这是我基于一些教程的第一个 java，但由于某种原因不工作，我把它放在一个 php 文件中并上传到我的服务器，然后我不再工作了。我在 JSFddle 中检查了它，它正在工作。

<head>  
 <style type="text/css">
.div1 {color: red; display:none}
.div2 {color: blue; display:none}
.div3 {color: red; display:none}
.div4 {color: blue; display:none}
.div5 {color: red; display:none}
</style>  

<script type"text/javascript" src="//http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type"text/javascript">
$("#cities").change(function(){
  var value = this.value;
  if (value == "1"){
    $(".div1").show();
    $(".div2").hide();
    $(".div3").hide();
    $(".div4").hide();
    $(".div5").hide();
  }else if (value == "2"){
    $(".div1").hide();
    $(".div2").show();
    $(".div3").hide();
    $(".div4").hide();
    $(".div5").hide();
  }else if (value == "3"){
    $(".div1").hide();
    $(".div2").hide();
    $(".div3").show();
    $(".div4").hide();
    $(".div5").hide();
  }      
});
</script>
<title></title>
</head>
<body>
<select class="cities" id="cities" name="project_procurement_management_plan[items_attributes][0][category_id]">
<option value="">select one</option>
<option value="1">this is 1</option>
<option value="2">this is 2</option>
<option value="3">this is 3</option>
</select>
<hr>
<div class="div1">1</div>
<div class="div2">2</div>
<div class="div3">3</div>
</body>
</html>

多谢你们

4

2 回答 2

1

您的脚本类型标签有问题，更改

<script type"text/javascript">

至

<script type="text/javascript">

并将您的整个.change()代码放在DOM 就绪处理程序中，例如

$(document).ready(function() {
   $("#cities").change(function(){
      //rest of your code
   });
});

//并在开始时从 jQuery url 中删除

于 2013-11-08T02:51:59.573 回答
1

更改此行：

<script type"text/javascript" src="//http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

对此：

<script type"text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

开头有两个不必要的正斜杠。

于 2013-11-08T02:52:37.420 回答