在 html/css/javascript 中使用 for 循環創建 element_id-value

Question

我正在嘗試創建一個 element_id-value 對，然后將該數據轉儲到一個文件中。 請幫助我創建一個 function 以使用 for 循環創建 element_id-value。

<body>
<form class="box1" >

<fieldset>

<label class="my_text4" >firstelement</label>
<input class="left_padd" type="text"  id="firstelement" name="basic_attributes"  value="firstvalue"  />
<p/>

<label class="my_text4" >secondelement</label> 
<input  class="left_padd" type="text"  id="secondelement" name="basic_attributes" value="secondvalue">
<p/>

<label class="my_text4" >thirdelenent</label>
<select id="thirdelement" name="thirdvalue" >
<option value="option1" selected>option1</option>
<option value="option2">option2</option>
</select>
<p/>

<div> <input  class="button1" type="button" id="bt" value="create variable_value file" onclick="saveFile()" />  </div>
</form>
</body>

<script>

let saveFile = () => {

// Get the data from each element on the form.
var elements_names = ["basic_attributes"]

for(var j=0; i<elements_names.length; j++) 
{
var inputs = document.getElementsByName(elements_names[j])

for(var k=0; i<elements_names.length; k++) 
{
var id1 = inputs[0].getAttribute( 'id' );
var value1 = inputs[0].getAttribute( 'value' );                         
}
//document.write(id1 + " " + value1 + " " + inputs.length)
}

</script>

我正在嘗試創建一個 element_id-value 對，然后將該數據轉儲到一個文件中。 請幫助我創建 function 以使用 for 循環獲得 element_id-value。

Answer 1

這是你想要的嗎？

<form class="box1" >

<fieldset>

<label class="my_text4">First Element</label>
<input class="left_padd" type="text"  id="firstelement" name="basic_attributes"  value="firstvalue"  />
<br /><br />

<label class="my_text4" >Second Element</label> 
<input  class="left_padd" type="text"  id="secondelement" name="basic_attributes" value="secondvalue">
<br /><br />

<label class="my_text4" >Third Element</label>
<select id="thirdelement" name="thirdvalue">
    <option value="option1" selected>option1</option>
    <option value="option2">option2</option>
</select>
<br /><br />

<div>
<input  class="button1" type="button" id="bt" value="create_variable_value_file" onclick="saveFile()" /> 
</div>

</fieldset>
</form>

<div id ="demo"></div>

<script>
function saveFile() {
    var elements_names = ["basic_attributes"];
    var j, k;
    var id1, value1;

    document.getElementById("demo"). innerHTML = "";

    for(j=0; j < elements_names.length; j++)  {
    var inputs = 
    document.getElementsByName(elements_names[j]);

    for(k=0; k < inputs.length; k++)  {
        id1 = inputs[k].getAttribute("id");
        value1 = inputs[k].value; 
        document.getElementById("demo"). innerHTML += id1 + " " + value1 + " " + inputs.length + "<br>";          
    }
}
}
</script>

在 html/css/javascript 中使用 for 循環創建 element_id-value

問題描述

1 個解決方案

解決方案1
0 2021-01-13 10:19:08

在 html/css/javascript 中使用 for 循環創建 element_id-value

問題描述

1 個解決方案

解決方案1 0 2021-01-13 10:19:08

解決方案1
0 2021-01-13 10:19:08