.attr(“href”) 的问题!解决此问题的简单方法

Issue with .attr("href") ! An easy way to solve this?

本文关键字:问题 解决 简单 方法 href attr      更新时间:2023-09-26

   
<head>   
<script type="text/javascript">
	$(document).ready(function(){
		$('#pickhour').change(function(){
				pickhour1 = $(this).val();
				$("#link1").attr("href", "http://lezkrlzekrzlmrez/" + pickhour1 + "/rzerzetztzerze/");
		});
	});
</script>
</head>
<body>
	
<select id="pickhour" name="pickhour">
			<option value="1">1H</option>
			<option value="2" selected>2H</option>
			<option value="3">3H</option>
			<option value="4">4H</option>
		</select> 
	    	
		<a href="" id="link1">That link</a>
	
</body>

大家好,我今天的问题是 .attr 不适用于我的.我希望"link1"的 href 随着"pickhour"中选择选项的更改而动态更新。我尝试了很多事情,但我对JS并不聪明,我希望有人会明白出了什么问题,这似乎很容易。但事实并非如此!><</p>

添加到您的<HEAD>

<script src="https://code.jquery.com/jquery-2.1.3.min.js" type="text/javascript"></script>

<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
</head>
<body>
<div id="buybtn"> 
                      <select id="pickhour" name="pickhour">
   						 <option value="1">1H</option>
   						 <option value="2" selected>2H</option>
  				 		 <option value="3">3H</option>
				 		 <option value="4">4H</option>
  					   </select> 
                       </div>
                       <div id="buybtn2">
                         <a id="egglink" >Reserver un cours</a>
                       </div>
 <script>
				   	$(document).ready(function(){
               $('#pickhour').change(function(){
				pickhour1 = $(this).val();
	$("#egglink").attr("href", "http://school.egg-one.com/private-lesson/program-choice/program_choice/" + pickhour1 + "/player_id/87946");
					 });
			    }); 
                </script>
  </body>