使用 Javascript 更改表值

【问题标题】：Change Table values with Javascript使用 Javascript 更改表值
【发布时间】：2013-11-30 07:09:31
【问题描述】：

我在 HTML 表中显示来自 MYSQL 数据库的信息。有些字段我希望用户能够双击并即时更改。

它似乎工作正常，只是我不知道如何从选择框中获取文本值。我从一个使用文本框的 sn-p 中改编了代码，所以我在将它作为选择框时有点挣扎。

    var select = $(elm).find('select');
    var value = select.options[select.selectedIndex].innerHTML;

【问题讨论】：

options 有一个.text 属性。
$(elm+'select option:selected').text() 会给你文本。

标签： javascript jquery mysql html-table

【解决方案1】：

问题是你把 jQuery 和 vanilla-js 混在一起了：

var $select = $(elm).find('select'), /* jQuery */
    select = $select[0], /* vanilla-js */
    value = select.options[select.selectedIndex].innerHTML;

然后，如果你想混合它们，使用

var $select = $(elm).find('select'),
    value = $select[0].options[select.selectedIndex].innerHTML;

或

var select = $(elm).find('select')[0],
    value = select.options[select.selectedIndex].innerHTML;

另一种可能性是只使用没有 vanilla-js 的 jQuery，例如使用.text() 方法。

【讨论】：