JavaScript/jqueryの質問

Question

###前提・実現したいこと
Jqueryを利用し、CSVデータの内容をHTMLに表示させる際、
ページが開いたと同時にチェックの入ったデフォルトの状態で検索ボタンを押した状態にしたいと思っております。
どのように処理すれば良いかご教授頂けますと幸いです。

###ソースコード JavaScript
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script type="text/javascript">
dataArray = [];

		$(function(){
			$.get('data/data.csv', analyzeFunc);
			
			function analyzeFunc(data) {
				var rowArray = data.split("\r\n");
				for (var i in rowArray) {dataArray[i] = rowArray[i].split(",")}
			}
			
			$("#serch").click(function(){
				var myColor = $("input[name='color']:checked").val();
				var myShape = $("input[name='shape']:checked").val();
				var ansArray = dataSerch(myColor, myShape);
				var cardHTML = dispFunc(ansArray);
				$("#dispArea").html(cardHTML);
			});

			$("#reset").click(function(){
				$("#dispArea").html("");
			});
			
			function dataSerch(myColor, myShape) {
				var ansArray = [];//---結果保存用配列
				for (var i in dataArray) {
					var lineData = dataArray[i]
					if (lineData[0] == myColor && lineData[1] == myShape) {
						var productArray = [lineData[2], lineData[3], lineData[4]];
						ansArray.push(productArray);
					}
				}
				return ansArray;
			}
			
			

			function dispFunc(ansArray) {
				var str = "";
				for (var i in ansArray) {
					var myData = ansArray[i];
					str += makeCardFunc(myData);
				}
				return str;
			}

			function makeCardFunc(myData) {
				var str =
				'<div class="card">n\
				<img class="float" src="' + myData[0] + '"  width="128" /><h3>' + myData[1] + '</h3><p>' + myData[2] + '</p></div>'				
				return str;
			}
		});
</script>

######ソースコード HTML
body>
		<input type="radio" name="color" value="red" checked="checked"/><label for="2_0"> 赤</label>
		<input type="radio" name="color" value="blue" /><label for="2_1"> 青</label>
		<input type="radio" name="color" value="green" /><label for="2_2"> 緑</label>
		<input type="radio" name="color" value="yellow" /><label for="2_3"> 黄</label>

		<input type="radio" name="shape" value="square" checked="checked"/><label for="3_0"> 四角</label>
		<input type="radio" name="shape" value="circle" /><label for="3_1"> 丸</label>
		<input type="radio" name="shape" value="triangle" /><label for="3_2"> 三角</label>
		<br /><br /><br />

		<button type="submit" id="serch" name="serch">検索</button>	<button id="reset">リセット</button>


		<div id="dispArea"></div>
	</body>

Answer 1

                function analyzeFunc(data) {
                    var rowArray = data.split("\r\n");
                    for (var i in rowArray) {dataArray[i] = rowArray[i].split(",")}
                    $("#serch").click(); //この1行を追加
                }

こんな感じで上手くいきますか？

Comments

[raisan]

Lhankor_Mhy様
ご回答ありがとうございます。
とても助かりました。もっと学んで行きたいと思います。