Question

早上好/下午好，

不是问题，而是更多的查询。如果我有以下代码来抓住下拉框中的用户选择（参见图1），我如何添加获取特定属性值的功能？（见图2）

图1：

<select onChange="productString(this.value)">
    <option selected>Please Choose an Option</option>
    <option value="Foo"></option>
</select>

图2：

<select onChange="productString(this)">
    <option selected>Please Choose an Option</option>
    <option value="Foo" id="Bar"></option>
</select>

如果有人会如此善良，在图2中向我展示我出错的地方，我们将不胜感激。

提前致谢，

丹

EDIT :::::

以下工作是否会收集信息？

function productString(element) {
    var id = element.value;
    var name = element.id;
    var box = element.class;
}

Answer 1

通过this：

<select onChange="productString(this)">

然后你可以得到你想要的任何东西：

function productString(element) {
  var value = element.value, id = element.id;
  // ...
}

Here is a sample jsfiddle

编辑 - 对不起 - 正在传递的元素是IE中的无处不在（我必须是盲人），“select”元素，而不是“选项”。因此：

function productString(element) {
    if (element.tagName.toLowerCase() === 'select')
        element = element.options[element.selectedIndex];

    var id = element.id;
    var value = element.value;
    // ...
}

Updated jsfiddle

通过javascript为onChange属性检索特定属性的值

1 个答案: