0

2つの入力テキストフィールドと4つのラジオボタンがあります。送信ボタンをクリックすると、これらの値がサイドバーに表示されます。訪問者はラジオボタンを1つしか選択できないため、サイドバーにブランド、価格、選択した1つの方向の3つの値が表示されます。

残念ながら、現在エラーが発生しています。

「エラー」：「POSTリクエストを使用してください」

これは私のコードとjsFiddleです：

HTML：

<h1>Adding an item</h1>
<form>
    <div>
        <input type="text" name="price" id="price" value="price" />
        <input type="text" name="brand" id="brand" value="brand"/> 
        <br/>
        <input type="radio" name="direction" value="up" />  UP
        <input type="radio" name="direction" value="down" /> DOWN
        <input type="radio" name="direction" value="left" />  LEFT
        <input type="radio" name="direction" value="right" /> RIGHT
        <button id="addbutton">add it</button>
      </div>
</form>

<div id="sidebar"><h1>sidebar</h1></div>

JS：

$('#addbutton').click(function() {
    var $addDiv = $('#sidebar');
    $addDiv.append($('#brand' + '#price').val());
});

http://jsfiddle.net/kHuYp/

あなたへの私の質問は：選択したラジオボタンの値を追加するにはどうすればよいですか？そして、エラーをなくすためにコードを変更する必要がありますか？前もって感謝します！

4

1 に答える 1

3

この行では、各値を個別に処理する必要があります。

$addDiv.append($('#brand' + '#price').val());

次のようにする必要があります（セパレーターに応じて）：

 $addDiv.append($('#brand').val() +' '+$('#price').val());

フォームの送信を回避するには、クリック ハンドラで false を返します

デモ: http://jsfiddle.net/kHuYp/3/

于 2012-06-17T14:41:53.023 に答える