LiteralControlでonclickにjsの引数を設定したい

Question

お世話になります。
asp.net(c#)でLiteralControlを使ってボタンを生成し、javascriptを実行したいのですが、
引数がうまく設定できず質問させて頂きました。

javascript自体は下記のように単純なものでテストしています

//javascript
function test(str) {
 alert(str);
}

テスト１
下記のように引数なしで実行するときちんとアラートは表示されます。
但し引数が空なのでundefinedと表示されます。

LiteralControl btn = new LiteralControl("<input type='button' value='追加' onclick='test();'/>");
div.Controls.Add(btn);

テスト２
下記のように引数をつけて実行するとアラートは表示されませんでした。

LiteralControl btn1 = new LiteralControl("<input type='button' value='追加' onclick='test('aaa');'/>");
div.Controls.Add(btn1);

おかしいと思い、生成されたHTMLを確認したところ下記のようにおかしな形で出力されていました。
<input type="button" value="追加" onclick="test(" aaa');'="">
なぜ、aaaの前に空白が入ってしまうのか理解できないのですが、
正しく引数を設定するにはどうすれば良いでしょうか。

Answer 1

引数のクォートにエスケープしたダブルクォート(")を
使用してみてはいかがでしょうか?

LiteralControl btn1 = new LiteralControl("<input type='button' value='追加' onclick='test(\"aaa\");'/>");
div.Controls.Add(btn1);

onclickのクォートとその中の引数のクォートに
同じシングルクォートを使用しているため
おかしくなっているように見えます。

Comments

[Qoo]

無事引数付きで実行することができました！ありがとうございます！