如何从输入类型中检索动态生成的ID?

时间:2015-07-30 11:18:49

标签: javascript jquery html json

目前,我在json文件中存储了一系列问题,使用此代码,它将使用以下脚本相应地调用问题,然后将其附加到名为questions的div中。如何将动态生成的输入类型的id输入到changeFont函数中,这样不仅可以使问题而且输入也可以改变大小

<script>
    var array = JSON.parse(arrayQuestions);
    console.log(array);
    for (var i = 0; i < array.length; i++) {
        var question = array[i];
        var questionDiv = document.createElement("div");
        var html = "<form>";
        html = question.question + " <br> ";
        var choices = question.choices;
        for (j = 0; j < choices.length; j++) {
            var choicesOpt = choices[j];
            if (question.type == "radio") {
                html += "<fieldset data-role=\"controlgroup\">";
                html += "<input type=\"radio\" data-theme=\"b\" name=\"" + i + "\" id=\"" + i + choicesOpt + "\" value=\"" + choicesOpt + "\" /><label for=\"" + i + choicesOpt + "\">" + choicesOpt + "</label>";
                html += "</fieldset>";
            } else if (question.type == "checkbox") {
                html += "<fieldset data-role=\"controlgroup\">";
                html += "<input class=\"banana\" type=\"checkbox\" data-theme=\"b\" name=\"" + i + "\" id=\"" + i + choicesOpt + "\" value=\"" + choicesOpt + "\" /><label for=\"" + i + choicesOpt + "\">" + choicesOpt + "</label>";
                html += "</fieldset>";
            } else if (question.type == "textbox") {
                html += "<input class=\"banana\" type=\"text\" data-theme=\"b\"  data-clear-btn=\"true\" name=\"" + i + "\" id=\"" + i + choicesOpt + "\" value=\"" + choicesOpt + "\">";
            } else {
                html += "<textarea name=\"" + i + "\" id=\"" + i + choicesOpt + "\"></textarea>";
            }
            html += "";
        }
        html += "</form>";

        //                html += "<input type=\"button\" onclick=\"myFunction()\" value=\"Submit form\"></form>";

        questionDiv.innerHTML = html + "<br>";
        document.getElementById('questions').appendChild(questionDiv);


    }

    //code to change font size

    function changeFont(selectTag) {
        var listValue = selectTag.options[selectTag.selectedIndex].text;
        document.getElementById("#" + choicesOpt).style.fontSize = listValue;
    }

    $("#" + choicesOpt).each(function () {
        changeFont(selectTag);
    });
</script>  

0 个答案:

没有答案