使用下拉选择中的javascript自动编辑到预定义选项

使用下拉选择中的javascript自动编辑到预定义选项,javascript,html,Javascript,Html,我需要一个带有预定义值的下拉列表。所以,当用户单击选择框时,它应该自动重定向到函数中定义的默认值。下面是一个简单的示例(仍然不起作用:();但在每次选择时,都会选择预定义的值。此外,当用户再次单击“选择”选项时,它必须起作用。我希望我足够清楚,谢谢 <script type="text/javascript"> function PreselectMyItem(itemToSelect) { // Get a reference to the drop

我需要一个带有预定义值的下拉列表。所以,当用户单击选择框时,它应该自动重定向到函数中定义的默认值。下面是一个简单的示例(仍然不起作用:();但在每次选择时,都会选择预定义的值。此外,当用户再次单击“选择”选项时,它必须起作用。我希望我足够清楚,谢谢

<script type="text/javascript">
    function PreselectMyItem(itemToSelect)
    {
        // Get a reference to the drop-down
        var myDropdownList = document.frmPreselect.lstNames;

        for (iLoop = 0; iLoop< myDropdownList.options.length; iLoop++)
        {    
            if (myDropdownList.options[iLoop].value == itemToSelect)
            {
                myDropdownList.options[iLoop].selected = true;
                break;                  
            }                     
        }
    }
</script>

<form id="frmPreselect" name="frmPreselect">
    <select onclick="PreselectMyItem(6)" id="lstNames" name="lstNames">
        <option value="0">Select</option>
        <option value="1">America</option>
        <option value="2">Africa</option>
        <option value="3">Russia</option>
        <option value="4">Australia</option>
        <option value="5">Sergey</option>
        <option value="6">UK</option>
    </select>
</form>

函数预选MyItem(itemToSelect)
{
//获取对下拉列表的引用
var myDropdownList=document.frmPreselect.lstNames;
对于(iLoop=0;iLoop
您的服务器端代码能够将“6”放入,因此它也应该能够创建

<select id="lstNames" name="lstNames">
    <option value="0">Select</option>
    <option value="1">America</option>
    <option value="2">Africa</option>
    <option value="3">Russia</option>
    <option value="4">Australia</option>
    <option value="5">Sergey</option>
    <option value="6" selected="true">UK</option>
</select>

选择
美国
非洲
俄罗斯联邦
澳大利亚
谢尔盖
英国

可能我只是不理解你的问题,但这应该是最干净的方式。

是的,我知道,但我不需要这种方式,因为在选择项上会根据值触发另一个javascript函数……请澄清说明。当用户打开下拉列表时,具体会发生什么a),b)当他在那里进行选择时,c)当他再次打开它时?与简单使用属性“selected”的效果究竟有什么区别?目前,代码设置了一个特定的选项,这样用户就不能通过单击来更改选择(点击返回有效),因为onclick事件处理程序会产生干扰,所以需要更复杂的方法。但我担心这可能会变得复杂,特别是如果你也考虑到键盘导航问题的话。Thaks Jukka for reply,基本上这应该像hind一样工作,在一个选择框中会有数百个国家,但我想让用户不必在所有列表中搜索英国,该功能将自动预选……默认情况下,将UK设置为所选不是更简单吗?我知道,当用户第二次点击它时,它不会自动选择,但我认为这种行为确实会让用户恼火。