如何使用jQuery从文本变量为组合框分配值

时间:2015-05-25 22:54:10

标签: javascript jquery html5 combobox

我有以下问题。我有一个表(html),用户在其中选择一个记录,单击一个按钮将显示一个包含3个组合框和文本输入的模态。部署模态时,我会在您选择的组合注册表值中显示。我的代码如下:

$("#btn-editaregistro").click(function () {
$('#myModal').modal({
    show: 'false'
});

tipoSel = $('td', seleccionado).eq(0).text();
familiaSel = $('td', seleccionado).eq(1).text();
proveedorSel = $('td', seleccionado).eq(2).text();
vidaUtilSel = $('td', seleccionado).eq(3).text();
$("#list-tipo-modal option:text=" + tipoSel +"").attr("selected", "selected");
$("#list-familia-modal option:text=" + familiaSel +"").attr("selected", "selected");
$("#list-prov-modal option:text=" + proveedorSel +"").attr("selected", "selected"); 
$("#vida-util-modal").val(vidaUtilSel);

});

我的模态HTML代码:

        <div class="form-group">
        <label><i class="fa fa-tag"></i> Tipo </label>
        <select value="0" class="form-control" id="list-tipo-modal"></select>
        </div>
        <div class="form-group">
        <label class="bloque"><i class="fa fa-users"></i>Familia</label>
        <select class="form-control" id="list-familia-modal"></select>
        </div>
        <div class="form-group">
        <label class="bloque"><i class="fa fa-truck"></i> Proveedor</label>
        <select class="form-control" id="list-prov-modal"></select>
        </div>
        <div class="form-group">
        <label class="bloque"><i class="fa fa-sort-numeric-asc"></i> Vida útil</label>
        <input id="vida-util-modal" type="text" class="form-control" placeholder="">
        </div>

如果保存打印变量“Sel”,问题是当我对相应的组合框进行分配并向我发送以下错误“未捕获错误:语法错误,无法识别的表达式:#list-type - modal选项: text = Anilox“。其中“Anillox”是我表格中单元格的值。

我希望你能帮助我,问候和感谢。

1 个答案:

答案 0 :(得分:-1)

你的问题是你的jQuery选择器!

检查出来

$("#list-tipo-modal option[value=\"" + tipoSel +"\"]").attr("selected", "selected");

你可以在这里检查那个选择器

https://api.jquery.com/attribute-equals-selector/

我做了一点小小的测试。这里是 : https://jsfiddle.net/02mtamu1/

将此更改应用于所有选择器。

我希望它可以帮到你!