Question

我有一个选择选项菜单，例如有10个选项。当我打开页面时，我希望它在5元素上。实施例

<select name="categories" id="news_cat">   
        <option value="0">Volvo</option>  
        <option value="1">Mercedes</option>
        <option value="2">BMW</option> 
        <option value="3">Volga</option>
        <option value="4">Lada</option>  
        <option value="5">Porsche</option>     
      </select>

当我打开页面时，我看到了沃尔沃的第一个选项，但我的例子是宝马。如果你要说改变他们的位置，这不是主意，因为我给了你一个简单的例子。就我而言，这个想法是其他的

我也忘记说“选中”无法帮助，因为我读了数据库中的所有值

<select name="categories" id="news_cat" selected="1">   
        <option value="0"></option>  
        {foreach from=$categories item=i}                              
            <option value="{$i.id}"> {$i.name|stripslashes} </option>            
        {/foreach}    
      </select>

Answer 1

将selected或selected='selected'添加到选项

<select name="categories" id="news_cat">   
        <option value="0">Volvo</option>  
        <option value="1">Mercedes</option>
        <option value="2">BMW</option> 
        <option value="3" selected>Volga</option>
        <option value="4">Lada</option>  
        <option value="5">Porsche</option>     
      </select>

Answer 2

您需要将selected或selected =“selected”应用于您选择的元素。

所以用你的例子：

<select name="categories" id="news_cat">   
        <option value="0">Volvo</option>  
        <option value="1">Mercedes</option>
        <option value="2">BMW</option> 
        <option value="3">Volga</option>
        <option value="4" selected>Lada</option>  
        <option value="5">Porsche</option>     
 </select>

Answer 3

JavaScript解决方案：selectObj.options[2].selected=true;

http://jsfiddle.net/8dWzB/16/

Answer 4

不确定您使用的是哪种服务器端技术，但考虑到这一点，您可以使用JQuery在客户端执行您喜欢的操作。请尝试以下方法： -

1）将数据库中的数据导入到每辆车的id和name对象列表中。类似于以下内容： -

`var categorylist = [{"id":"1","name":"volvo"},{"id":"2","name":"Mercerdes"},{"id":"3","name":"BMW"},{"id":"4","name":"Kia"},{"id":"5","name":"Toyota"},{"id":"6","name":"Honda"},{"id":"7","name":"Seat"},{"id":"8","name":"Nissan"}];'

然后，您可以使用ajax post或get

将此列表发送到客户端

2）然后你可以像这样迭代对象

$.each(categorylist, function (index, car) {

    if(car.id !='5') {
       $("#news_cat").append('<option value="' + car.id + '">' + car.name + '</option>'); 
    }else
    {
        $("#news_cat").append('<option selected=selected value="' + car.id + '">' + car.name + '</option>');
    }
});

拥有look at this fiddle

从哪里开始选择选项菜单

4 个答案: