0

我有一个选择选项菜单，例如有 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>
4

4 回答 4

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" selected>Volga</option>
        <option value="4">Lada</option>  
        <option value="5">Porsche</option>     
      </select>
于 2013-11-13T09:00:11.247 回答
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">Volga</option>
        <option value="4" selected>Lada</option>  
        <option value="5">Porsche</option>     
 </select>
于 2013-11-13T08:58:56.177 回答
0

不确定您使用的是什么服务器端技术，但不管怎样，您可以使用 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>');
    }
});

看看这个小提琴

于 2013-11-13T11:26:41.110 回答
0

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

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

于 2013-11-13T09:29:10.143 回答