我如何从下拉列表中获得值字符串

Question

请我如何才能正确地从下拉列表中获取值，我已经使用了django-widget- apps库。

这是字段下拉列表的代码，我想从中获取值字符串:

<p >{{ form.category_column.label_tag }}</p>
<p id="category_column_id">{% render_field form.category_column  autocomplete="off" hx-get="/sizescolumn/" hx-target="#id_sizes_column" %}</p>

我试图通过这行代码获得javascript的值:

var select = document.getElementById('category_column_id').value;

PS:我想得到这个字段的值字符串(下拉列表)，以比较它与另一个值字符串。

---->但它不起作用。提前谢谢。

Answer 1

获取所选项目的字符串值user .innerHTML而不是。value

var select = document.getElementById("yourId").innerHTML;

Answer 2

已为<p>标签添加id属性id="category_column_id"

特定的id属性应该只在一个页面上使用一次，因为id是唯一的(与类相反)。如果你的选择属性有相同的id，即'category_column_id'，那么<p>标签可能会被发现，并由你的javascript使用。一个<p>标签没有一个值的方式选择列，所以你的javascript不返回任何东西。

首先，在你的页面上仔细检查你的选择元素ID是什么，然后使用你的javascript来评估值。在现代浏览器中，你的javascript本身没有什么特别的问题，只要你有正确的id，并且只有一个特定的id。

Answer 3

感谢大家在这里固定像这样:

var select = $('#id_category_column').find(":selected").text();

我希望这对将来的人有帮助。