シンプルなhtml/javascript

基本的に私は画像の束を持っています。イメージをクリックすると、画像IDをJavaScript関数に送ります。このIDは、後でフォームを送信するときに処理される値を設定します。それは次のページに行きます（私はcoldfusionでその値を問い合わせることができます）。シンプルなhtml/javascript

おっと、忘れてしまった質問：基本的には、それも私が望むことをしません。値を持つ変数は、次のページに送信されていません！

<html> 
<head> 

<Script type="text/javascript"> 

function recordClick(imageid) 
{ 
var myfield = document.getElementById("numSend").value = imageid 
} 
</script> 

</head> 

<body> 
<FORM action="nextPage.cfm" method="post"> 

<img src="1.png" NAME="image1" onclick="recordClick(1)" 
<img src="2.png" NAME="image2" onclick="recordClick(2)" 
<img src="3.png" NAME="image3" onclick="recordClick(3)" 

<input type="hidden" id="numSend"/> 
<input type="submit" value="Done"/> 
</FORM> 

</body> 
</html>

出典

2012-02-18 user1218175

あなたは質問を忘れました;）。 – Zeta

あなたの質問は何ですか？ –

何が問題なのですか？ –

<img>タグが正しく閉じられていません。また、非表示の入力にはname属性がないため、フォームを送信するときには何もサーバーに送信されません。このようにしてみてください。

<html> 
<head> 
    <title>test</title> 
    <script type="text/javascript"> 
    function recordClick(imageid) { 
     var numSend = document.getElementById("numSend"); 
     numSend.value = numSend + imageid.toString(); 
    } 
    </script> 
</head> 
<body> 
    <form action="nextPage.cfm" method="post"> 
     <img src="1.png" name="image1" onclick="recordClick(1)" alt="" /> 
     <img src="2.png" name="image2" onclick="recordClick(2)" alt="" /> 
     <img src="3.png" name="image3" onclick="recordClick(3)" alt="" /> 

     <input type="hidden" id="numSend" name="numSend" /> 
     <input type="submit" value="Done" /> 
    </form> 
</body> 
</html>

出典

2012-02-18 14:58:49

ええ、私はすでに – user1218175

@ user1218175に感謝しています。隠しフィールドには、 'という名前属性も与えてください。私はこの情報を含めるために私の答えを更新しました。 –

ありがとう、それはトリックを行うように見えた！私が今必要としているのは、atm numSendが単一の値と等しいだけなので、IDSを連結しているだけです。私はリストを使ってみましたが、探している形式ではありません。何か案は？ – user1218175

私はコードの一つの問題を参照してください - 隠しフィールドには、name属性を持っていないので、値は送信されません。

しかし、それとは別に、JavaScriptを使用せずにプレーンなHTML + CSSだけで同じ結果を達成する可能性があります。このフィドルを見てみましょう：http://jsfiddle.net/VVD3y/

アイコンをクリックしないと、Googleにリダイレクトされます。いずれかのアイコンを選択して[完了]をクリックすると、stackoverflow、googleまたはmozillaというクエリでgoogleにリダイレクトされます。すべてのラジオボタンのNAME属性を変更し、VALUE属性で画像IDを入れてください。

複数の値を送信する場合は、ラジオボタンをチェックボックスに置き換えます。

出典

2012-02-18 15:06:43 Rafael

答えて

関連する問題