jQueryを使用して、変更イベントの選択したドロップダウン値を取得する
4328 ワード
もともとhttps://codeanddeploy.com訪問し、サンプルコードをダウンロードしてください
この投稿では、JQueryを使用して、変更イベントの選択ボックスから選択したドロップダウン値を取得する方法を説明します.選択したドロップダウンの値をあなたのサーバー側に提出する前に決定するようなフォーム処理で取り組む重要な機能の1つ.
ここではそれを行う方法の完全なコードです.
ハッピーコーディング
この投稿では、JQueryを使用して、変更イベントの選択ボックスから選択したドロップダウン値を取得する方法を説明します.選択したドロップダウンの値をあなたのサーバー側に提出する前に決定するようなフォーム処理で取り組む重要な機能の1つ.
ここではそれを行う方法の完全なコードです.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Get The Selected Dropdown Value on Change Event using jQuery?</title>
</head>
<body>
<h1>Get The Selected Dropdown Value on Change Event using jQuery?</h1>
<form id="form1">
<select id="country">
<option value="">Select country</option>
<option value="Canada">Canada</option>
<option value="United States">United States</option>
<option value="United Kingdom">United Kingdom</option>
<option value="Finland">Finland</option>
</select>
<br/><br/>
</form>
<br/><br/><br/><br/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#country").on("change", function() {
var country = $(this).val();
alert(country)
});
});
</script>
</body>
</html>
ハッピーコーディング
Reference
この問題について(jQueryを使用して、変更イベントの選択したドロップダウン値を取得する), 我々は、より多くの情報をここで見つけました https://dev.to/codeanddeploy/get-the-selected-dropdown-value-on-change-event-using-jquery-5c6iテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol