时间戳

首页 > 解决方案 > 我可以在 html 中创建具有多个选项的对象吗？

javascript - 我可以在 html 中创建具有多个选项的对象吗？

问题描述

我有一个超过 10 行的 HTML 表格。每行的第一个单元格要求用户从下拉列表中选择一个选项。我要做的是首先定义一个对象，例如：

define myobject [id=?] {
<select id="cars" name="?">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

然后在我的每个表格行中使用此对象，例如：

<form action="includes/process.php" method="post">
<table>
 <tr>
  <td>myobject[id=obj1]</td>
 </tr>

 <tr>
  <td>myobject[id=obj2]</td>
 </tr>

 <tr>
  <td>myobject[id=obj3]</td>
 </tr>
</table>
<button type="submit" name="process-submit">Process</button>

</form>

这样当我提交表单时，obj1、obj2 和 obj3 在 POST var 中显示为不同的值。

如果问题太模糊或令人困惑，请提前道歉。这是可行的吗？如何？

标签： javascripthtml

解决方案

我建议在创建对象后将选项保存在数组中：

function Options(options) {
    this.options = options;
}


var options: [option1, option2, option3 ]

然后创建一个构造函数并将这个数组传递给该构造函数。

 myobject.prototype.displayOptions = function() {

    console.log(this.options); 

    for (var i = 0; i < this.options.length; i++) {
        console.log(i + ': ' + this.options[i]);
    }
}

options.displayOptions();

推荐阅读