ショッピングサイトのキーワード検索時、シングルクォートも含んだ状態で検索結果に表示させたい

前提・実現したいこと

Javascriptを使用し、ショッピングサイトを作成しています。
品名にシングルクォートが含まれた商品が存在するのですが
その商品のキーワード検索を行った際、
シングルクォートも含んだ状態で検索結果に表示されるようにしたいです。

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

現在、シングルクォートより前の文字だけ抽出され検索結果に表示されてしまいます。
例：キーワード検索ボックスに「ABC'D」というキーワードを入力すると、
「ABC」が含まれるもの全てが検索結果に表示されてしまいます。
「ABC'D」というキーワードが結果に表示されるようにしたいです。

該当のソースコード

// キーワード
$('#Keyword').click(function () {
var keyword = $('#KeywordTxt').val();
if (keyword == '') {
return false;
}
$("input[name='kwd']").remove();
$('#form0')
.append("<input type='hidden' name='kwd' value='" + keyword + "'/>")
.attr('action', '/Joken/Keyword')
.submit();
return false;
});

試したこと

replaceの文字列置換も試みたようですが、上手く行かなかったようです

kei344

2020/07/10 07:11

「ショッピングサイト」側の問題では？

Diglett_050

2020/07/10 07:19

ご連絡いただきありがとうございます。つまり、この書き方であればシングルクォートは検索後HITされるはず、ということでしょうか？

kei344

2020/07/10 07:24

いえ、私のほうに見落としがありました。

Diglett_050

2020/07/10 07:27

かしこまりました。知識がほぼ無いものでして、掲載している情報に不備があるかも理解できておりませんので何かございましたらまたお教えいただけますと大変ありがたく思います。

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

回答1件

ベストアンサー

"<input type='hidden' name='kwd' value='" + keyword + "'/>"

これは変数keyword に文字列として'が入っている場合下記のようになってしまうため、適切ではありません。

HTML
1<input type='hidden' name='kwd' value='keyw'ord'/>

こんな感じでどうでしょう。

js
1// .append("<input type='hidden' name='kwd' value='" + keyword + "'/>")
2//              ↓
3   .append( $( "<input type='hidden' name='kwd'/>" ).val( keyword ) )