Динамически добавляйте значение и идентификатор к скрытому типу ввода

Question

У меня есть этот бит кода, который я не уверен, если это возможно, что мне нужно сделать, если вы проверите тип ввода «скрытый», вы увидите это (id="'inpTdId'+ tdIndex" value="tdRegularMedicine_+ inpTdId"), как мне нужно, чтобы получить ввод скрытый для хранения нового значения и идентификатора для каждого прохождения цикла.

Я пытаюсь генерировать новый элемент каждый раз, когда он проходит цикл, с новым идентификатором и новым значением.

Мне нужно сделать это, чтобы я мог сохранить идентификатор другого элемента в качестве значения скрытого элемента, чтобы иметь возможность отображать и фокусировать этот элемент позже.

Возможно ли это сделать "?

Код например (у меня могут быть некоторые ошибки в коде, но я сделал это быстро, только для того, чтобы вы получили, и Idea, я прошу прощения, если у меня есть)

<script type="text/javascript">
var tdIndex = 0;
</script>
for (x=0;x<noOfObj;x++{
<script type="text/javascript">
    var b = ""
    b = "tdRegularMedicine_" + tdIndex;
</script>
    <tr>
    <td align="left" style="padding-left:2px;">
    <input type="hidden" id="'inpTdId'+ tdIndex" value="tdRegularMedicine_+ inpTdId" />
    </td>
        </tr>
<script type="text/javascript">
    var obj = document.getElementById("inpTdId"+tdIndex);
    alert(obj.value);
    tdIndex++;
</script>
}

Спасибо.

Answer 1

Если вы хотите сгенерировать html, используя javascript, то вам нужно либо использовать innerHTML, либо DOM. Например:

<div id="myDiv">

</div>
<script type="text/javascript">
var myDiv = document.getElementById("myDiv");
for(var i=0; i<10; i++){
  myDiv.innerHTML += "<input type=\"hidden\" value=\"tdVal"+i+"\" />";
}
</script>