Javascript – Avalon verwendet:duplex, um den Fehler bei der Auswahl der Standardoption festzulegen
<!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>
<p 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>
</p>
{{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>
某草草2646 Tage vor708 