Webmatrix - 从查询字符串更新输入值

Question

我有一个超级快速的问题要问你，我想你可以快速回答。 我正在构建的网站上有一个搜索页面，它使用查询字符串参数来更改搜索结果。

我还希望任何查询字符串参数都能反映嵌入在同一页面上的搜索表单。它非常适合输入框。例如：

修改后的代码：

var proptype = db.Query("SELECT * FROM Property_Type");

string propertyType = "";

propertyType = Request.QueryString["propertyType"];
    <select name="propertytype">
      <option value="">Any</option>
      @foreach(var type in proptype){    
      <option value="@type.PropertyTypeID" selected="@(propertyType == type.PropertyTypeID)">@type.PropertyType</option>
      }
    </select>

谢谢，加文

Answer 1

要将<select> 中的<option> 的值标记为选中，请使用selected 属性。在最简单的层面上，您可以这样做：

<select name="propertytype">
 <option value="">Any</option>
 <option value="villa" selected="@(propertyType == "villa")">Villa</option>
 <option value="apartment" selected="@(propertyType == "apartment")">Apartment</option>
</select>

这将评估每个测试的真假（只有一个应该为真），并且 Razor 引擎将在适当的元素上写出 selected="selected"。

您应该考虑您的属性类型是否应该存储在数据库中。您可能应该有一个属性类型表，并且每个属性都将使用一个外键链接到适当的一个（或多个）。这也会改变你写下拉列表的整个方式，实际上会稍微简化它。您的代码将类似于（显然在某种程度上取决于您的数据库架构和字段名称等）：

<select name="propertytype">
 <option value="">Any</option>
 @foreach(var type in propertyTypesQuery)
 {
     <option value="@type.Id" selected="@(propertyType == type.Id)">@type.Name</option>
 }
</select>

从表单元素中获取值的部分可以很简单：

int propertyType = Request.Form["propertytype"].AsInt();

如果未选择任何内容，这会将其设置为零，您可以将其用于搜索系统中的“任何”逻辑。

您还可以使用Html.DropDownList() 帮助程序来获得可以说是更简洁的版本。有关示例代码，请参阅 Mike Brind 的文章：http://www.mikesdotnetting.com/Article/196/WebMatrix-jQuery-Cascading-Dropdown-Lists

您在代码中也使用了错误的变量名，您似乎重用了numBedrooms，但我怀疑这是复制/粘贴错误。明确一点：numBedrooms = Request.QueryString["propertyType"]; 应该是 propertyType = Request.QueryString["propertyType"];。