[英]PHP - MySQL : how to get item_id in the same page when i select the item_name in option dropdown
单击下拉列表中的item_name
列表之一时,需要显示item_id
。 当我单击提交时, $_POST
获得item_name
和item_id
。 javascript可以做到这一点吗?
<?php
$brg="SELECT item_id, item_name FROM tblItem";
$b=mysql_query($brg);
?>
<td align="center">
<select name="item_name">
<?php while($br=mysql_fetch_array($b)){ ?>
<option value=<?echo $br[0].'_'.$br[1]?> selected>
<?php echo $br[1]; ?>
</option>
<?php } ?>
</select>
</td>
Jup,使用Javascript可以实现。
您的HTML:
<select name="item_name">
<option value="1_Cheese">Cheese</option>
<option value="2_Cars">Cars</option>
<option value="3_Planes">Planes</option>
</select>
<input type="button" onclick="alert(getSelectedValue())" value="Get Select Id" />
还有您的Javascript,可从options值访问ID:
function getSelectedValue()
{
var sel = document.getElementsByName('item_name')[0];
return sel.options[sel.selectedIndex].value.split("_")[0];
}
看到这个小提琴: http : //jsfiddle.net/acz6Q/
使用jQuery会容易一些(还附加了一个事件处理程序):
$(document).ready(function()
{
$("select[name=item_name]").on("change", function()
{
alert("new item id = " + $(this).val().split("_")[0]);
});
});
这是jQuery版本的小提琴: http : //jsfiddle.net/acz6Q/1/
希望这可以帮助!
尝试这个:
<form action="" method="post">
<input type="hidden" id="item_id" name="item_id" />
<input type="hidden" id="item_name" name="item_name" />
<select id="my_select" name="my_select">
<option value="item_id_1">item_name_1</option>
<option value="item_id_2">item_name_2</option>
<option value="item_id_3">item_name_3</option>
</select>
</form>
<script type="text/javascript">
$(document).ready(function() {
$("#my_select").change(function() {
$("#item_id").val($("#my_select").val());
$("#item_name").val($("#my_select option:selected").text());
});
});
</script>
请注意,您需要首先包括jQuery库。 您也可以从这里jsfiddle.net/2FsNP/3看到它的工作原理。 使用这种方法,您无需在选项标签的值和文本之间加上下划线即可。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.