1

誰かが私のコードを見ることができますか、何かが機能していません. 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 Ready handler内に配置します。

$(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>

先頭に 2 つの不要なスラッシュがあります。

于 2013-11-08T02:52:37.420 に答える