jQuery で ul>li をクリックしたら、liの全角文字をエンコードして、a要素のパラメータとしてセットしたいのですができますか？

Question

appfb

23

23もっと見る

100pt

ウェブ制作

jQuery で ul>li をクリックしたら、liの全角文字をエンコードして、a要素のパラメータとしてセットしたいのですができますか？

訳あって、コメント行の『ここで●●にstrをセットする？』で行いたいのですが可能でしょうか？
よろしくお願いします。

回答の条件

1人5回まで

登録：2013/10/19 17:54:58
終了：2013/10/20 10:34:15

※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

質問者から

appfb2013/10/19 18:03:40

<!DOCTYPE html>
<html lang="ja">
<head>
	<script src="js/jquery-1.9.1.min.js"></script>
	<script>
	var select_id = 0;
//--- ラジオボタン
	function qSelectFunc(){
		if(select_id == this.id) return;
		$(this).addClass("selected");
		$("#" + select_id).removeClass("selected");
		select_id = this.id;
		var str = $("#" + select_id).text();
		// ここで●●にstrをセットする？
	}
	$(function(){
		$("ul>li").on("click", qSelectFunc);
/	});
	</script>
</head>

<body>
	<ul>
	<li id="1">あああ</li>
	<li id="2">いいい</li>
	<li id="3">ううう</li>
	</ul>

	<div class="violationLink"><a href="<{$app_violation_url}>?fbid=<{$fbid}>&str=●●" target="_self">リンク</a></div>
</body>
</html>

規約違反として通知

コメントはまだありません

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

リクエスト送信済

回答リクエストを送信したユーザーはいません

Cherenkov · Accepted Answer · 2013-10-19T18:19:55+09:00

こういうのはどうでしょう。ベースのURLを変数に持っている。

<!DOCTYPE html>
<html lang="ja">
<head>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
	<script>
	var baseUrl = '<{$app_violation_url}>?fbid=<{$fbid}>';
	var select_id = 0;
//--- ラジオボタン
	function qSelectFunc(){
		if(select_id == this.id) return;
		$(this).addClass("selected");
		$("#" + select_id).removeClass("selected");
		select_id = this.id;

		// ここで●●にstrをセットする？
		var str = encodeURIComponent($(this).text());
		var url = baseUrl + '&str=' + str;
		var violationLink = $('.violationLink a');
		violationLink.attr('href', url);

	}
	$(function(){
		$("ul>li").on("click", qSelectFunc);
	});
	</script>
</head>

<body>
	<ul>
	<li id="1">あああ</li>
	<li id="2">いいい</li>
	<li id="3">ううう</li>
	</ul>

	<div class="violationLink"><a href="<{$app_violation_url}>?fbid=<{$fbid}>" target="_self">リンク</a></div>
</body>
</html>

もしくはリンクURLの &str= から & までの範囲を置換するタイプ。

<!DOCTYPE html>
<html lang="ja">
<head>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
	<script>
	var select_id = 0;
//--- ラジオボタン
	function qSelectFunc(){
		if(select_id == this.id) return;
		$(this).addClass("selected");
		$("#" + select_id).removeClass("selected");
		select_id = this.id;

		// ここで●●にstrをセットする？
		var str = encodeURIComponent($(this).text());
		var violationLink = $('.violationLink a');
		violationLink.attr('href', violationLink.attr('href').replace(/&str=[^&]*/, '&str=' + str));

	}
	$(function(){
		$("ul>li").on("click", qSelectFunc);
	});
	</script>
</head>

<body>
	<ul>
	<li id="1">あああ</li>
	<li id="2">いいい</li>
	<li id="3">ううう</li>
	</ul>

	<div class="violationLink"><a href="<{$app_violation_url}>?fbid=<{$fbid}>&str=●●" target="_self">リンク</a></div>
</body>
</html>

Cherenkov · Accepted Answer · 2013-10-19T18:19:55+09:00

こういうのはどうでしょう。ベースのURLを変数に持っている。

<!DOCTYPE html>
<html lang="ja">
<head>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
	<script>
	var baseUrl = '<{$app_violation_url}>?fbid=<{$fbid}>';
	var select_id = 0;
//--- ラジオボタン
	function qSelectFunc(){
		if(select_id == this.id) return;
		$(this).addClass("selected");
		$("#" + select_id).removeClass("selected");
		select_id = this.id;

		// ここで●●にstrをセットする？
		var str = encodeURIComponent($(this).text());
		var url = baseUrl + '&str=' + str;
		var violationLink = $('.violationLink a');
		violationLink.attr('href', url);

	}
	$(function(){
		$("ul>li").on("click", qSelectFunc);
	});
	</script>
</head>

<body>
	<ul>
	<li id="1">あああ</li>
	<li id="2">いいい</li>
	<li id="3">ううう</li>
	</ul>

	<div class="violationLink"><a href="<{$app_violation_url}>?fbid=<{$fbid}>" target="_self">リンク</a></div>
</body>
</html>

もしくはリンクURLの &str= から & までの範囲を置換するタイプ。

<!DOCTYPE html>
<html lang="ja">
<head>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
	<script>
	var select_id = 0;
//--- ラジオボタン
	function qSelectFunc(){
		if(select_id == this.id) return;
		$(this).addClass("selected");
		$("#" + select_id).removeClass("selected");
		select_id = this.id;

		// ここで●●にstrをセットする？
		var str = encodeURIComponent($(this).text());
		var violationLink = $('.violationLink a');
		violationLink.attr('href', violationLink.attr('href').replace(/&str=[^&]*/, '&str=' + str));

	}
	$(function(){
		$("ul>li").on("click", qSelectFunc);
	});
	</script>
</head>

<body>
	<ul>
	<li id="1">あああ</li>
	<li id="2">いいい</li>
	<li id="3">ううう</li>
	</ul>

	<div class="violationLink"><a href="<{$app_violation_url}>?fbid=<{$fbid}>&str=●●" target="_self">リンク</a></div>
</body>
</html>

jQuery で ul>li をクリックしたら、liの全角文字をエンコードして、a要素のパラメータとしてセットしたいのですができますか？

質問者から

ベストアンサー

Cherenkov15044932013/10/19 18:19:55

その他の回答（0件）

Cherenkov15044932013/10/19 18:19:55ここでベストアンサー

コメント（0件)

この質問への反応（ブックマークコメント）