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>

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

我想要实现的是，例如我从selectbox year 2008（June optgroup）中选择...输入框值自动获取文本“June 2008”（选择选项组名称+选项）...等等。

有人能给我一个例子我该如何实现这个目标？非常感谢你

Answer 1

只需使用值属性即可获得所需的值。

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

Answer 2

条件是你实际上并不想这样做：

$("#scatid").find("option:selected").parent().attr('label')

Answer 3

您可以通过阅读label元素的optgroup属性来获取标签：

$('select[name="scatid"]').on('change', function(){
   var label = this.options[this.selectedIndex].parentNode.label;
   $('input[type=text]').val(label + ' ' + this.value);
});

http://jsfiddle.net/uEFx3/

Answer 4

使用JQuery试试这个：

$(function(){
$('select[name="scatid"]').change(function(){
    alert($(this).find('option:selected').parent('optgroup').attr('label')+'  '+$(this).val());
});
});

使用jQuery从ONE selectbox（optgroup和option selected）中获取2个值

4 个答案: