javascript - 使用 jQuery 从一个选择框(选择组和选定选项)获取 2 个值

Question

有人可以帮我解决这个问题吗，我有一个如下所示的选择框:

<select name="scatid">
<optgroup label="June">
  <option>2005</option>
  <option>2006</option>
  <option>2007</option>
  <option>2008</option>
</optgroup>
<optgroup label="July">
  <option>2005</option>
  <option>2006</option>
</optgroup>

我还有一个空的输入框...

我想要实现的是，例如，如果我从选择框年份 2008(June optgroup)中选择...输入框值会自动获取文本“June 2008”(optgroup 名称 + 选定的选项)...等等等等..

有人可以给我一个例子，我怎样才能实现这个目标？非常感谢

Answer 1

只需使用值属性即可提供您想要的值。

<select name="scatid">
<optgroup label="June">
  <option value="June 2005">2005</option>