Question

我有2个输入文本字段和4个radiobuttons。单击提交按钮，我希望这些值显示在侧栏中。因为访问者只能选择一个单选按钮，所以侧边栏中应显示三个值：品牌，价格和一个选定的方向。

不幸的是，现在我收到了一个错误：

“错误”：“请使用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/

我的问题是：如何附加所选单选按钮的值？我需要在代码中更改什么才能使错误消失？提前谢谢！

Answer 1

您需要在此行中单独处理每个值：

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

应该是（取决于分隔符）：

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

要避免表单提交，请在点击处理程序中返回false

DEMO：http://jsfiddle.net/kHuYp/3/

jQuery：如何将（单选按钮和文本）输入值附加到div

1 个答案: