Question

我有Js数组，它包含动态菜单的值。菜单的选项值随事件ID而变化。

有一个包含表单的jQuery弹出窗口。加载窗口后，菜单选项显示，但jquery不会提示正确的选定值...它总是显示选择选项中的第一项

转到以下链接并点击事件ID = 130131CHcbd和150724CH5f1的“加入活动”按钮，在那里您看到没有选择的活动日期，它会提醒同一日期......

http://www.weg2g.com/application/abovezest/personal_networking.php

我对JS有基本的了解，所以有任何建议或帮助来解决这个问题...

<script> 
var jArray= {"150724CH5f1":"<option value=\"2017-01-27\" id=\"1\"> Fri Jan 27th 2017<\/option>  <option value=\"2017-02-03\" id=\"2\"> Fri Feb 3rd 2017<\/option>  <option value=\"2017-02-10\" id=\"3\"> Fri Feb 10th 2017<\/option>  <option value=\"2017-02-17\" id=\"4\"> Fri Feb 17th 2017<\/option>  <option value=\"2017-02-24\" id=\"5\"> Fri Feb 24th 2017<\/option>","130131CHcbd":"<option value=\"2017-01-28\" id=\"1\"> Sat Jan 28th 2017<\/option>  <option value=\"2017-02-04\" id=\"2\"> Sat Feb 4th 2017<\/option>  <option value=\"2017-02-11\" id=\"3\"> Sat Feb 11th 2017<\/option>  <option value=\"2017-02-18\" id=\"4\"> Sat Feb 18th 2017<\/option>  <option value=\"2017-02-25\" id=\"5\"> Sat Feb 25th 2017<\/option>"}; //get all 
function bind_event_dates(v,type)
{	
	//alert(jArray[v]);
	var w=jArray[v];
	//var y="'"+v+"'";
	
	 if (type==3)
	{
	var str1='<select name="edate" id="edate_bn_d" onchange="check_e_date(3);" required>';
	} //
	
	
	//append the other parts
	var str2=str1.concat(w);
	var str3='</select>';
	var kk=str2.concat(str3);
	
	//alert(rrr);
	$("#load_dates3").html(kk);
	
}//end of binding event dates
//--------------------------------------
  function check_e_date(a)
{
		 if (a==3)
		
		{
		var wanted=$("#edate_bn_d").val();
          //always select the first option of select menue
		alert(wanted);
		$("#bn_roomatte").val(wanted)
		}
		


}//end of check event date function
//-----------------------------------------------------------------------------	
//
</script>

Answer 1

我有编辑代码javascript。它有效。

＆＃13;

var jArray= {"150724CH5f1":"<option value=\"2017-01-27\" id=\"1\"> Fri Jan 27th 2017<\/option>  <option value=\"2017-02-03\" id=\"2\"> Fri Feb 3rd 2017<\/option>  <option value=\"2017-02-10\" id=\"3\"> Fri Feb 10th 2017<\/option>  <option value=\"2017-02-17\" id=\"4\"> Fri Feb 17th 2017<\/option>  <option value=\"2017-02-24\" id=\"5\"> Fri Feb 24th 2017<\/option>","130131CHcbd":"<option value=\"2017-01-28\" id=\"1\"> Sat Jan 28th 2017<\/option>  <option value=\"2017-02-04\" id=\"2\"> Sat Feb 4th 2017<\/option>  <option value=\"2017-02-11\" id=\"3\"> Sat Feb 11th 2017<\/option>  <option value=\"2017-02-18\" id=\"4\"> Sat Feb 18th 2017<\/option>  <option value=\"2017-02-25\" id=\"5\"> Sat Feb 25th 2017<\/option>"}; //get all 
function bind_event_dates(v,type)
{	
	//alert(jArray[v]);
	var w=jArray[v];
	//var y="'"+v+"'";
	
	 if (type==3)
	{
	var str1='<select name="edate" id="edate_bn_d" onchange="check_e_date(3);" required>';
	} //
	
	
	//append the other parts
	var str2=str1.concat(w);
	var str3='</select>';
	var kk=str2.concat(str3);
	
	//alert(rrr);
	$("#load_dates3").html(kk);
	
}//end of binding event dates
//--------------------------------------
  function check_e_date(a)
{
	    if (a==3)		
		{
		var wanted=$("#edate_bn_d").val();
          //always select the first option of select menue
		alert(wanted);
		$("#bn_roomatte").val(wanted)
		}
		


}//end of check event date function
//-----------------------------------------------------------------------------	
//

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">      
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <title>Domoos mobile</title>
    <meta http-equiv="refresh" content="600">
    <meta http-equiv="pragma" content="no-cache">	
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>

</head>
<body onload="bind_event_dates('150724CH5f1',3);">
	<div id="load_dates3">
	</div>
</body>

</html>

＆＃13;

jquery select警告错误的下拉菜单选项值，用于更改js行为

1 个答案: