Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,027

HOME > PHP > PHP Forum > สอบถามรับค่าจาก select option จาก javascript มาใส่ในลิงก์

สอบถามรับค่าจาก select option จาก javascript มาใส่ในลิงก์

เริ่มหัวข้อใหม่

Guest

สอบถามเกี่ยวกับการใช้ javascript ในการ select listbox

เมื่อทำการเลือก listbox ค่าของ listbox จะมาแสดงออกมา แต่จะส่งค่าเข้าไปในลิงก์ดังภาพ(กรอบสีแดง) อย่างไร

select value show link

Code (PHP)

<html>
<head>
<title>jQuery on change examples</title>
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
</head>

<body>

<label for="country">Country</label>
<select name="country" id="country">
<option value="1">Thailand</option>
<option value="2">England</option>
<option value="3">Japan</option>
</select>

<div id="selected_value"></div>

<label for="country">Country:</label>
<input type="text" name="country" id="country" class="country">
<a href="<?=$_GET['selected_value']?>">Link</a>
<script type="text/javascript">

$('#country').on("change", function(){

//Get the selected value
var selected_value = $("#country option:selected").val();

//1. Alert the selected value
//alert( selected_value );

//2. Write the selected value to our div
$('#selected_value').html('Country is: '+ selected_value);

//3. Write the selected value to our input box with class .new_state
$('.country').val(selected_value);

});

</script>


</body>
</html>

Tag : PHP, HTML/CSS, JavaScript

Date : 2013-08-05 16:35:00

By : arachaporn

View : 5616

Reply : 2

No. 1

TC Admin

โพสกระทู้ ( 74,058 )
บทความ ( 838 )

Code (JavaScript)

$('#div1').html("<a href='webpage.php?id="+$('#ddl').val()+"'>abc</a>");

แบบนี้หรือเปล่าครับ

Date : 2013-08-05 17:28:05

By : mr.win

No. 2

aobmi

โพสกระทู้ ( 22 )
บทความ ( 0 )

ทำได้แล้วคะ

แต่เมื่อใส่ lightbox เข้าไป lightbox ไม่ทำงาน ไม่รู้ว่าใส่ถูกจุดหรือเปล่า
Code (JavaScript)

<script type="text/javascript" src="../wp-content/plugins/pop-up/include/js/scripts/jquery-1.4.3.min.js"></script>
							<script type="text/javascript" src="../wp-content/plugins/pop-up/include/js/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
							<script type="text/javascript" src="../wp-content/plugins/pop-up/include/js/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
							<link rel="stylesheet" type="text/css" href="../wp-content/plugins/pop-up/include/js/fancybox/jquery.fancybox-1.3.4.css" media="screen" />
							<!--<link rel="stylesheet" href="js/style/style.css" />-->
							<script type="text/javascript">
								$(document).ready(function($) {
								$(".various").fancybox({
									maxWidth	: 800,
									maxHeight	: 600,
									fitToView	: false,
									width		: '80%',
									height		: '80%',
									autoSize	: false,
									closeClick	: false,
									hideOnOverlayClick	: false,
									openEffect	: 'none',
									closeEffect	: 'none',
									type		: 'iframe',
									onClosed	:	function() {
										parent.location.reload(true); 
									}				 
								});
							});
							</script>

Code

<div class="various" data-fancybox-type="iframe" id="selected_value"></div>

Code (JavaScript)

<script type="text/javascript">
							$('#thank_page').on("change", function(){
								//Get the selected value
								var selected_value = $("#thank_page option:selected").val();
								//Write the selected value to our div
								//$('#selected_value').html(selected_value);
								$('#selected_value').html("<a  href='admin.php?page=msetting-sub-options&option_id=2&id="+selected_value+"'>Edit</a>");

							});
						</script>

แล้วถ้าต้องการนำค่าจาก select listbox จาก javascritp มาใช้แบบนี้ โดยที่จะแสดงเป็น lightbox จะได้หรือเปล่า

<a class="various" data-fancybox-type="iframe" href="page.php?id=ค่าที่ได้จากการ select listbox">Edit</a>

ประวัติการแก้ไข
2013-08-06 09:11:19
2013-08-06 15:00:46
2013-08-07 14:17:31

Date : 2013-08-06 08:53:51

By : arachaporn

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : สอบถามรับค่าจาก select option จาก javascript มาใส่ในลิงก์

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 04