javascript - 格式化 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

我不确定您为什么要尝试添加这样的选项，但这就​​是我填充选择元素的方式:

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

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

我不确定最后一步。如果您选择的 ID 为:

<select id="selectId></select>

那么你可以用以下内容替换我的最后一行:

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