前端:在layer content 內使用js爲select option賦值

			 layer.open({
				  type: 1,
				  skin: 'layui-layer-rim', //加上邊框
				  area: ['350px','400px'], //寬高
				 // btn: ['提交','取消'],
				  content: "<div id='addwin'><table align='center'style='margin-top: 5px;'>"
			  			+"<tr>"
		  				+"<td>場所類別:</td>"
			  			+"<td><select id='locSel' name='locSel'>"
			  			+"<option value ='0'>全部</option>"
		                +"</select></td>"
			  			+"</tr>"
			  			+"<tr>"
		  				+"<td>場所編碼:</td>"
			  			+"<td><input type='text' id='localeCode'></td>"
			  			+"</tr>"
			  			+"<tr>"
		  				+"<td>場所名稱:</td>"
			  			+"<td><input type='text' id='localeName'></td>"
		  				+"</tr>"
		  				+"<tr>"
		  				+"<td>門店地址:</td>"
			  			+"<td><input type='text' id='localeadd'></td>"
		  				+"</tr>"
			  			+"</table></div>",
			  		btn: ['提交', '取消']
				  ,yes: function(index, layero){
					  var locSel =$("#locSel").val(); 
					  var localeCode =$("#localeCode").val();
					  var localeName =$("#localeName").val();
					  var localeadd =$("#localeadd").val();
					  alert(locSel);
				    	addlcoale(localeType);
				  }
				  ,btn2: function(index, layero){
				    layer.close(index);
				  }
			})

			for(var i =0;i<type_arr.length;i++){
  				var opt = type_arr[i];
  				$("#locSel").append("<option value='"+opt.type_id+"'>"+opt.type_name+"</option>");
  			}

最近使用layer插件做前端跳出框,想要在content中用js創建一個select下拉選擇框,開始我想都沒想直接在content中寫js代碼。因爲content中我用的是hi拼接html代碼的方式實現跳出框內容的,原以爲這樣沒任何毛病,但是我矇蔽了,,,,整個方法體直接崩了,

後來找了資料看一下,解決了這個小問題

解決思路:在content中照常拼接html代碼。拼接時候建立一個<select id = 'selectId' ></select> ,然後再下面(最好是layer.open方法後面)獲取這個select,然後循環爲select 添加option就解決啦。 代碼跑上面去了,不太會搞,






發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章