javascript - 仅显示所选名称

Question

我试图显示选定的文本而不是值，因为值是数字。当您从我正在使用 Jquery 传递一些数据的选项中进行选择时。我只展示了我遇到问题的部分表格。

<tr>    
<td>Category</td>   
    <td>
<select id="Category" name="size">
    <?php
        dbconnect(); 
        $stmt = $conn->prepare("SELECT CatID, Name FROM sizeWHERE ppid=:id");
        $stmt->bindParam('id',$id);
        $stmt->execute();
        $i = 0;
        $rows = $stmt->fetchAll(PDO::FETCH_ASSOC); 
        foreach ($rows as $row) {
            if ($i == 0) {
                echo '<option SELECTED value="'.$row['CatID'].'">'.$row['Name'].'</option>';
            }else {
                echo '<option value="'.$row['CatID'].'">'.$row['Name'].'</option>';
            }
            $i++;
        }
    ?>
</select>
</td>
</tr>

Jquery var cat = $('#Category').text(); $('#sSize').文本(猫);

总结

我想显示选中的选项，我试过:

var cat = $('#Category').text();

但这显示了 size 的所有选项。

$('#sSize').text(cat);

请问我该怎么做

Answer 1

您需要选择的选项:

$('#Category option:selected').val();

它为您提供选项 val。您可以获得选项和关闭标记之间的文本，例如:

$('#Category option:selected').text();

最后，SELECTED 不会选择一个选择选项。你需要做的:

<option value="whatever" selected="selected">SOME TEXT</option>