在格式化HTML代码时，在单选按钮中发出Jquery

Question

我有单选按钮的HTML标记，我在这个中断问题上面临着尴尬的问题，

<div class='selectorField draggableField radiogroup'>
    <label class="control-label" style="vertical-align: top">Radio buttons</label>
    <div style="display: inline-block;" class="ctrl-radiogroup">
        <label class="radio">
            <input type="radio" name="radioField" value="option1">Option 1</input>
        </label>
        <label class="radio">
            <input type="radio" name="radioField" value="option2">Option 2</input>
        </label>
        <label class="radio">
            <input type="radio" name="radioField" value="option3">Option 3</input>
        </label>
    </div>
</div>

这里还有负责加载值的jquery部分：

load_values.radiogroup = function (ctrl_type, ctrl_id) {
    var form = $("#theForm");
    var div_ctrl = $("#" + ctrl_id);
    var options = '';
    var ctrls = div_ctrl.find("div").find("label");
    var radios = div_ctrl.find("div").find("input");

    ctrls.each(function (i, o) {
        options += $(o).text() + '\n';
    });

    form.find("[name=name]").val(radios[0].name);
    form.find("[name=options]").val($.trim(options));
}

我正在向您展示显示单选按钮如何渲染的图像。

我需要删除Option1 Option2之间的空格。如果我从不格式化代码，它工作正常。

Answer 1

我不确定你为什么要添加这样的选项，但这就​​是我填写select元素的方法：

ctrls.each(function (i, o) {
        options += "<option value='"+$(o).text()+"'>" + $(o).text() + "</option>";
});

form.find("select").html(options);

我不确定这最后一步。如果您的select的ID为：

<select id="selectId></select>

然后你可以用这个替换我的最后一行：

$("#selectID").html(options);