Jquery：select/otpionの変更時に機能します

-2

このスクリプトでは何も起こりません。アドバイスはありますか？オプションを選択したときにアクションを実行したいだけです。Jquery：select/otpionの変更時に機能します

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 

 
<script> 
 
$('#something').on('change', function() { 
 
    console.log("hello"); 
 
}) 
 
</script>

<form id="target" method="POST" > 
 
    <select id="something"> 
 
     <option></option> 
 
     <option>Value1</option> 
 
     <option>Value2</option> 
 
     <option>Value3</option> 
 
    </select> 
 
</form>

出典

2017-03-22 etrix

は、独自のコードスニペットを修正するようにしてください役立つかもしれません。多分それがうまくいくでしょう。 – dfsq

あなたの質問のスニペットは、JSウィンドウにhtmlを入れているので機能しませんが、そのコードを「通常の」ページに配置すると、スクリプト要素が*フォーム* 。どちらか、 '.change（）'ハンドラコードをドキュメントレディハンドラにラップしてください。 – nnnnnn

あなたは間違ったスニペットを用意している、

$('#something').on('change', function() { 
 
    console.log("hello"); 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 

 
<form id="target" method="POST" > 
 
    <select id="something"> 
 
     <option></option> 
 
     <option>Value1</option> 
 
     <option>Value2</option> 
 
     <option>Value3</option> 
 
    </select> 
 
</form>

これを確認してください。スクリプトブロックでは、それは純粋なjavascriptでなければならず、jsはhtmlブロックでなければなりません。あなたはjsブロックで書いた

出典

2017-03-22 12:01:47 rahulsm

少なくともあなたの答えを説明することができます。そうでなければ、現在のコメントはこれよりはるかに良いです。 – dfsq

私は答えを編集しました、今すぐチェックしてください – rahulsm

あなたはコードを間違えた。これを確認してください:)

$(function() { 
 
    $('#something').on('change', function() { 
 
    alert(2); 
 
    }) 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form id="target" method="POST"> 
 
    <select id="something"> 
 
     <option></option> 
 
     <option>Value1</option> 
 
     <option>Value2</option> 
 
     <option>Value3</option> 
 
    </select> 
 
</form>

出典

2017-03-22 12:03:48 nas

これは

$('select').on('change', function() { 
 
    alert(this.value); 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<select> 
 
    <option value="1">One</option> 
 
    <option value="2">Two</option> 
 
</select>

出典

2017-03-22 12:05:14

<html> 
<title>Test</title> 
<head> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
</head> 

<body> 
<form id="target" method="POST" > 
    <select id="something"> 
     <option></option> 
     <option>Value1</option> 
     <option>Value2</option> 
     <option>Value3</option> 
    </select> 
</form> 
</body> 

<script> 
$('#something').change(function() { 
    alert("Handler for .change() called."); 
}); 
</script> 
</html>

出典

2017-03-22 12:08:51

Jquery：select/otpionの変更時に機能します

答えて

関連する問題