mui picker設置默認值

1. html

<div class="input-list" id='showCityPicker3'>
	<label>地區</label>
	<input type="text" id="position" placeholder="請選擇" readonly="readonly" value="河北省 唐山市 古冶區"/>
	<span class="mui-icon mui-icon-arrowright"></span>
</div>

2. js文件引用

<script type="text/javascript" src="js/mui.min.js"></script>
<script type="text/javascript" src="js/mui.picker.js" ></script>
<script type="text/javascript" src="js/mui.poppicker.js" ></script>
<script type="text/javascript" src="js/city.data-3.js" ></script>
<script>
	//地區插件
	(function($, doc) {
		$.init();
		$.ready(function() {
			var _getParam = function(obj, param) {
				return obj[param] || '';
			};
			//					//級聯示例
			var cityPicker3 = new $.PopPicker({
				layer: 3
			});
			cityPicker3.setData(cityData3);
			
			cityPicker3.pickers[0].setSelectedText('河北省');  //省
                  var shi=cityPicker3.getSelectedItems()[0].children;
                  var val_shi= '唐山市';   //市
                  var val_xian= '古冶區';   //區
                  for(var i=0;i<shi.length;i++)
                  {                        
                      if(shi[i].text==val_shi)
                      {
                      	
                          cityPicker3.pickers[1].setSelectedIndex(i);
                          var xian=shi[i].children;
                          for(var j=0;j<xian.length;j++)
                          {
                              if(xian[j].text==val_xian)
                              {
                                  cityPicker3.pickers[2].setSelectedIndex(j);
                              }
                          }
                      }                        
                  }
                  
                  
			var showCityPickerButton = doc.getElementById('showCityPicker3');
			var position = doc.getElementById('position');
			showCityPickerButton.addEventListener('tap', function(event) {
				cityPicker3.show(function(items) {
					position.setAttribute('value',_getParam(items[0], 'text') + " " + _getParam(items[1], 'text') + " " + _getParam(items[2], 'text'));
				});
			}, false);
		});
	})(mui, document);
</script>

3. css文件引用

<link rel="stylesheet" href="css/mui.picker.css" />
<link rel="stylesheet" href="css/mui.poppicker.css" />

4. 需要在mui.picker.js中添加

Picker.prototype.setSelectedText = function(text, duration, callback) {
	var self = this;
	for (var index in self.items) {
		var item = self.items[index];
		if (item.text == text) {
			self.setSelectedIndex(index, duration, callback);
			return;
		}
	}
};