jquery - 使用数组中的动态数据动态选择id [重复]

Question

我有一个 html 选择标签，如下所示，并使用 jquery 动态选择 id，如下面的代码 var trainingnameCtrlVal = $("#x" + i + "_TRAINING_NAME[]").val(); 所示。如果我使用 var trainingnameCtrlVal = $("#x" + i + "_TRAINING_NAME").val();，我会收到错误消息，这不会显示任何结果。

<select data-table="assessment_training" 
data-field="x_TRAINING_NAME"
data-value-separator=", " id="x3_TRAINING_NAME[]" 
name="x3_TRAINING_NAME[]" multiple="multiple" 
class="form-control">
<option value="62">Induction Training</option></select>

我使用下面的代码来执行，但我得到了错误

var z = $('select[data-field="x_TRAINING_CATEGORY"]').length-1;
    var training_name = [];
    for (var i = 1; i <= z; i++) {  
        var trainingnameCtrlVal = $("#x" + i + "_TRAINING_NAME[]").val();
        training_name.push(trainingnameCtrlVal);
        alert(trainingnameCtrlVal);
    }

 Error: Syntax error, unrecognized expression: #x1_TRAINING_NAME[]

Answer 1

你可以这样使用

$("[id='"+'x'+i+'_TRAINING_NAME[]'+"']")

或

var a = 'x'+i+'_TRAINING_NAME[]'
$("[id='"+a+"']")

检查下面的sn-p

$("select").on("click", function(){
i = 3
var a = 'x'+i+'_TRAINING_NAME[]'
alert($("[id='"+a+"']").val())
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<select data-table="assessment_training" 
data-field="x_TRAINING_NAME"
data-value-separator=", " id="x3_TRAINING_NAME[]" 
name="x3_TRAINING_NAME[]" multiple="multiple" 
class="form-control">
<option value="62">Induction Training</option></select>