php - Jquery html() 而不是 val()

Question

我有一个由 jquery 插件设计的选择列表。问题是，当我选择一个选择元素时，选择字段的值在 post id val() 之前，我希望它是 .但是如果我用 html() 而不是 val() 我会得到选择列表 optgroup 的整个 html。

我遇到问题的 jquery 部分:

$(this).height(selectBoxHeight).change(function(){
    selectBoxSpanInner.text($(this).val()).parent().addClass('changed');
});

(这里我设置了val) 和 html:

<select name="123_cat" class ="styled">  
   <?php foreach($subcategories['categories'] as $sc) { ?>
   <optgroup label="<?php echo $sc['name']; ?>">
    <?php foreach ($sc['subcategories'] as $ss){?>                              
             <option id = "123_cat[]" value="<?php echo $ss['sid']; ?>" <?php if (isset($_POST['123_cat'])) { if($ss['sid'] == $_POST['123_cat']) echo 'selected = "selected"';} else { if(in_array($ss['sid'], $the_subcategories)) echo 'selected = "selected"'; } ?>><?php echo $ss['name']; ?></option>
        <?php }?>

如何获取 <option> 之间的文本</option>选择onclick而不是它的值？

Answer 1

你用过吗

$("option:selected", this).text()