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放在JS窗口中，但是如果代碼要放在「普通」頁面上，只要腳本元素*在表格後面就可以工作。或者將你的'.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變化時的功能

回答

相關問題