avalon中用:duplex设置select默认项出错的问题。

        <--html代码-->    
        <div class="form-item">
            <label class="item-label">上级模块</label>
            <div class="controls">
                <select name="pid" :duplex="data.pid">
                    <option value="0">顶级模块</option>
                    <option :for="item in menu" :attr="{value:item.id}">{{item.title_show}}</option>
                </select>
            </div>
        </div>
        
        <--js代码-->
        var edit_box=avalon.define({
        $id: "edit_box",
        data:edit_box_defautl,
        menu:'',
        show_add:function(pid){
            edit_box.data=edit_box_defautl;
                if(pid>0){
                    edit_box.data.pid=pid;
                }else{
                    edit_box.data.pid='';
                }
            open_dialog({content:'#edit_box'},{title:'新增模块',id:'admin_menu_edit',yesText:'关闭'});
            }
        });

为了方便对比，我把id显示出来，上方的数字是我点击按钮后对应的value，框里的是select下拉框默认选择项，这是没有问题的

这个就有问题，点击的按钮的value是216，但是下拉框默认选择的是value为16的

value是235，但是默认选中的是value为23的选项。

我的问题就是select下拉框默认选中的option会选错，一般出错的是所选的value拆分开后，其值也在option中存在（例：value是265，如果select里面有value是26或65的选项，会默认选择它们，而不是自己）

阅读 3.3k

上面不清楚，我又写了一个html代码，可以测试一下，帮忙看一下这是什么问题，属于框架本身的原因吗？

<!DOCTYPE html>
<html>
<head>
<script src="avalon.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body :controller="fruit">
<h3>文本域与下拉框的联动</h3>
<div style="height:80px;;">
<p style="float:left;"  onclick="fruit.show(20)">20--</p>
<p style="float:left;"  onclick="fruit.show(216)">216--</p>
<p style="float:left;"  onclick="fruit.show(15)">15--</p>
<p style="float:left;"  onclick="fruit.show(19)">19--</p>
<p style="float:left;"  onclick="fruit.show(235)">235--</p>
<p style="float:left;"  onclick="fruit.show(192)">192--</p>
<p style="float:left;"  onclick="fruit.show(217)">217--</p>
<p style="float:left;"  onclick="fruit.show(236)">236--</p>
<p style="float:left;"  onclick="fruit.show(16)">16--</p>
<p style="float:left;"  onclick="fruit.show(135)">135--</p>
<p style="float:left;"  onclick="fruit.show(195)">195--</p>
<p style="float:left;"  onclick="fruit.show(237)">237--</p>
<p style="float:left;"  onclick="fruit.show(193)">193--</p>
<p style="float:left;"  onclick="fruit.show(219)">219--</p>
<p style="float:left;"  onclick="fruit.show(221)">221--</p>
<p style="float:left;"  onclick="fruit.show(223)">223--</p>
<p style="float:left;"  onclick="fruit.show(17)">17--</p>
<p style="float:left;"  onclick="fruit.show(23)">23--</p>
<p style="float:left;"  onclick="fruit.show(224)">224--</p>
<p style="float:left;"  onclick="fruit.show(225)">225--</p>
<p style="float:left;"  onclick="fruit.show(226)">226--</p>
<p style="float:left;"  onclick="fruit.show(24)">24--</p>
<p style="float:left;"  onclick="fruit.show(228)">228--</p>
<p style="float:left;"  onclick="fruit.show(229)">229--</p>
<p style="float:left;"  onclick="fruit.show(230)">230--</p>
<p style="float:left;"  onclick="fruit.show(227)">227--</p>
<p style="float:left;"  onclick="fruit.show(26)">26--</p>
<p style="float:left;"  onclick="fruit.show(18)">18--</p>
<p style="float:left;"  onclick="fruit.show(27)">27--</p>
<p style="float:left;"  onclick="fruit.show(213)">213--</p>
<p style="float:left;"  onclick="fruit.show(29)">29--</p>
<p style="float:left;"  onclick="fruit.show(214)">214--</p>
<p style="float:left;"  onclick="fruit.show(231)">231--</p>
<p style="float:left;"  onclick="fruit.show(212)">212--</p>
<p style="float:left;"  onclick="fruit.show(28)">28--</p>
<p style="float:left;"  onclick="fruit.show(30)">30--</p>
</div>

{{data}}

<select :duplex="data" name="pid">
    <option value="0">顶级模块</option>
    <option value="20">当前项目20</option>
    <option value="216">└切换项目216</option>
    <option value="15">项目管理15</option>
    <option value="19">└所有项目19</option>
    <option value="235">└└新增项目235</option>
    <option value="192">└项目工作记录192</option>
    <option value="217">└└数据报告217</option>
    <option value="236">└└添加进度记录236</option>
    <option value="16">需求管理16</option>
    <option value="135">└需求模块管理135</option>
    <option value="195">└└发布版本195</option>
    <option value="237">└└查看原型图237</option>
    <option value="193">└版本变更记录193</option>
    <option value="219">└└版本搜索219</option>
    <option value="221">└└对比数据报告221</option>
    <option value="223">└└最新数据报告223</option>
    <option value="17">缺陷管理17</option>
    <option value="23">└所有缺陷23</option>
    <option value="224">└└查询记录224</option>
    <option value="225">└└撤销缺陷225</option>
    <option value="226">└└确认缺陷226</option>
    <option value="24">└我的缺陷24</option>
    <option value="228">└└确认缺陷228</option>
    <option value="229">└└提交修复报告229</option>
    <option value="230">└└查看记录230</option>
    <option value="227">└缺陷统计227</option>
    <option value="26">└存在分歧的缺陷26</option>
    <option value="18">任务管理18</option>
    <option value="27">└所有任务27</option>
    <option value="213">└└子任务列表213</option>
    <option value="29">└└任务完成审核29</option>
    <option value="214">└└延长截止日期214</option>
    <option value="231">└└领取任务231</option>
    <option value="212">└└任务历史记录212</option>
    <option value="28">└我的任务28</option>
    <option value="30">└└完成任务30</option>
    </select>

</body>
<script>
    var fruit=avalon.define({
        $id:'fruit',
        data:'',
        show:function(id){
            fruit.data=id;
        }
    });
</script>
</html>

avalon中用:duplex设置select默认项出错的问题。

你尚未登录，登录后可以

js 如何将Key属性相同的放在同一个数组？

vue项目如何在初始化之前跳转外部页面？

js如何控制移动端overflow:scroll容器滑动的最大速度？

前端代码更新如何通知用户刷新页面？

为什么会出现CORS error？

请问一下，如何理解reduce函数呢？

如何实现从一个div中拖拽dom到另一个div容器？