セレクトボックスの値を渡したい

Question

セレクトボックスの値を引数として渡したいと思っています。

mcount=$('#mcount').val();
alert('test.php?id=<?php echo $id ?>&mcount=<?php echo '+mcount+' ?>');

なぜか、渡しているのはセレクトボックスの値ではなくて、mcountという文字列が渡されています。

どうすればよいのでしょか？

よろしくお願いします。

Answer 1

idはサーバーから渡し、mcountはクライアントから渡すんですよね？

<?php
$id="あああ";
?>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(function(){
  $('input[type=button][value=check]').on('click',function(){
    mcount=$('#mcount').val();
    alert('test.php?id=<?php echo urlencode($id); ?>&mcount='+encodeURIComponent(mcount));
  });
});
</script>

<select id="mcount">
<option value="i_いいい">いいい</option>
<option value="u_ううう">ううう</option>
<option value="e_えええ">えええ</option>
</select>
<input type="button" value="check">

※セレクトボックスとのことなのでhtml部分を修正しました

Answer 2

サーバサイドの処理とクライアントの処理（JavascriptとPHP）がごっちゃになっていると思われます。
プログラムが実行される順序を考えてみましょう。

①PHPがサーバサイドで実行されてHTMLが生成される
②生成されたHTMLをクライアント（ブラウザ）が解釈して画面表示する
③その中にJavascriptがあればクライアント（ブラウザ）がJavascriptを処理する

上記の順序で処理が動くと考えると、①の段階ではJavascript（おそらくjQuery）の処理である「mcount=$('#mcount').val();」は動作しないないため、PHP命令文中の「mcount」はただの「mcount」という文字でしかないです。

Answer 3

情報が少なすぎますが、PHPで出力した質問文のjavascript構文を実行したら
alertが出ないって話と解釈して回答します。

一先ず、javascriptは忘れてください。PHPの構文

alert('test.php?id=<?php echo $id ?>&mcount=<?php echo '+mcount+' ?>');

このうちの

// 便宜上代入処理
<?php $id=123 ?>
<?php echo $id ?>// 123 
<?php echo '+mcount+' ?>// +mcount+

上記と仮定すると記載されているPHPが実行された後の文字列は

'test.php?id=123&mcount=+mcount+'

という文字列[+mocount+]になると思いますが違いますか？

javascriptの文字列として解釈させたい場合は

alert('test.php?id=<?php echo $id ?>&mcount=<?php echo "'+mcount" ?>);

として、['+mcount]シングルクォーテーションで文字列の終端を示し、その後に
+を用いて変数mcountと連結するというような文を書かないとjavascriptで
変数として解釈しないです。

Comments

[chintao1224]

ありがとうございます。動きました。助かりました。