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').text(cat);

概括

我想显示选定的选项，我试过：

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>

Answer 2

要提取选定的值：

$('#Category').val();

要提取所选选项的文本：

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