jquerry セレクトボックス内文章の取り出し方

前提・実現したいこと

セレクトボックスの文章を別の文章に反映したいです。
要素を取得するところまでは分かったのですが
それをテキストに反映するやり方がわかりません。
もしわかる方がいましたらご教授願います。

発生している問題・エラーメッセージ

セレクトボックスのテキストもしくはvalueを<p class="txt02">に反映したい

該当のソースコード

<!DOCTYPE html>
<html lang="ja">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<style>
	.wrap {
	padding-top: 100px;
	padding-right: 3%;
	padding-bottom: 100px;
	padding-left: 3%;
	width: 300px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #000;
}
.box {
	position: relative;
}
.txt01 {
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 12px;
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	transform: translate(0%,-50%);
}
.txt02 {
	pointer-events: none;
	position: absolute;
	top: 0;
	right: 12px;
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	transform: translate(0%,-50%);
}
.selectWrap {
	width: 100%;
	border: 1px solid #000;
}
.select {
		-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	line-height: 30px;
	opacity: 0;
}
.select::-ms-expand {
	display: none;
}
</style>
<body>
	<div class="wrap">
		<div class="box">
			<label for="">
				<p class="txt01">性別</p>
				<p class="txt02">男性</p>
				<div class="selectWrap">
					<select name="select01" id="" class="select">
						<option value="男性value">男性</option>
						<option value="女性value">女性</option>
					</select>
				</div>
			</label>
		</div>
	</div>
</body>
<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<script>
(function($){
	$(document).ready(function(){
		$('[name=select01]').change(function() {
		// 選択されているvalue属性値を取り出す
		var val = $('[name=select01]').val();
			console.log(val);
			// 選択されている表示文字列を取り出す
			var txt = $('[name=select01] option:selected').text();
			console.log(txt);
		});
	});
})(jQuery);
</script>
</html>

行動規範の内容に同意します

回答1件

ベストアンサー

こういう事でしょうか。

js
1$(function() {
2	$('[name=select01]').change(function() {
3		// 選択されているvalue属性値を取り出す
4		var val = $('[name=select01]').val();
5		console.log(val);
6		// 選択されている表示文字列を取り出す
7		var txt = $('[name=select01] option:selected').text();
8		console.log(txt);
9		$('.txt02').text(txt);
10	});
11});