Javascript 表格提交<；选择>；未定义

我在一个随ajax提交的

中有以下

。正在提交select，其值为：Undefined。怎么了

<select class="form-control" name="site_theme" id="site_theme" value="<?php $result = mysqli_query($con,"SELECT * FROM settings"); while($row = mysqli_fetch_array($result)) { echo $row['site_theme']; }?>">
   <?php 
      $result = mysqli_query($con,"SELECT * FROM themes");

      while($row = mysqli_fetch_array($result))
      {
        echo "<option VALUE='".$row['theme_name']."'>".$row['theme_name']."</option>";
      }
    ?>
</select>

javascript在这里复制到丑陋的帖子，所以我在这里制作了一个JSFIDLE：

此外，上述代码的结果如下：

<select class="form-control" name="site_theme" id="site_theme" value="Amelia">
   <option value="Amelia">Amelia</option>
   <option value="Cerulean">Cerulean</option>
   <option value="Cosmo">Cosmo</option>
   <option value="Cyborg">Cyborg</option>
   <option value="Flatly">Flatly</option>
   <option value="Journal">Journal</option>
   <option value="Readable">Readable</option>
   <option value="Simplex">Simplex</option>
   <option value="Slate">Slate</option>
   <option value="Spacelab">Spacelab</option>
   <option value="United">United</option>
</select>

阿米莉亚
天蓝色的
宇宙
半人半机器的生物
断然
杂志
可读的
单纯形
石板
太空实验室
联合的

您遇到的问题首先是ajax调用之前的返回

选择第二个错误的选择器

这里有一个示例向您展示

您的选择器：

$（'input$（“#site_theme”））

但它应该是

$（“站点主题”）

或

$（“选择站点主题”）

HTML:

---

请给我们看看你的JavaScript！您需要显示您的代码。你是如何提交表格的？Javascript看起来像什么？该页面的HTML输出是什么？首先，在

“$row['theme\u name']”中的双引号内有双引号。

尝试使用单引号，如

”。$row['theme\u name']”。

或mix

“$row['theme\u name']”。

@Fred ii--我认为这与问题无关。

<select class="form-control" name="site_theme" id="site_theme" value="Amelia">
   <option value="Amelia">Amelia</option>
   <option value="Cerulean">Cerulean</option>
   <option value="Cosmo">Cosmo</option>
   <option value="Cyborg">Cyborg</option>
   <option value="Flatly">Flatly</option>
   <option value="Journal">Journal</option>
   <option value="Readable">Readable</option>
   <option value="Simplex">Simplex</option>
   <option value="Slate">Slate</option>
   <option value="Spacelab">Spacelab</option>
   <option value="United">United</option>
</select>
<input type="button" id="mclick" value="click" />

// General Form Submit
$(function () {
    $('.error').hide();
    $("#mclick").click(function () {
        // validate and process form here  
        var theme = $("#site_theme").val();
        alert(theme);
    });
});