Php 将下拉按钮更改为单选按钮
我创建了一个评级系统。我使用了一个下拉按钮从1-10到rate进行选择。我想把这个下拉按钮改为单选按钮,以便于观众评分。你能帮助我吗?这是我的密码Php 将下拉按钮更改为单选按钮,php,html,drop-down-menu,radio-button,rate,Php,Html,Drop Down Menu,Radio Button,Rate,我创建了一个评级系统。我使用了一个下拉按钮从1-10到rate进行选择。我想把这个下拉按钮改为单选按钮,以便于观众评分。你能帮助我吗?这是我的密码 <html> <head> <title> Rate error solutions </title> </head> <body> <br><br> <div align="right"> <a href="logout.php"&g
<html>
<head>
<title> Rate error solutions </title>
</head>
<body>
<br><br>
<div align="right">
<a href="logout.php">Logout</a></div>
<div align="center">
<img src="590px-HGST_CompanyLogo.svg.png" alt="Home" style="width:300;height:100"></div>
<br><br><br>
<center><b><font size="5"> RATE</font><br><br>
Note:</b> 10 = highest, 1 = lowest </center><br>
<hr width='40%'>
<br>
</body>
</html>
<center>
<?php
mysql_connect ("localhost", "root", "") or die ("Can't connect to server.");
mysql_select_db ("ojt") or die ("Can't connect to database.");
$find_data = mysql_query ("SELECT * FROM search");
while ($row = mysql_fetch_assoc($find_data))
{
$id = $row['id'];
$title = $row['title'];
$error = $row['error'];
$description = $row['description'];
$keywords = $row['keywords'];
$link = $row['link'];
$current_rating = $row['rating'];
$hits = $row['hits'];
echo "
<form action='rate.php' method='POST'>
<b>Error title: <u>$title</u> </b><br>
Rate error solution: <select name = 'rating'>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
</select>
<input type='hidden' value='$error' name='error'><br>
<input type='submit' value='Rate!'><br><br>Current rating: "; echo round($current_rating,4); echo "
<br><br></form><hr width='30%'><br>
";
}
?>
</center>
速率误差解
速率
注:10=最高,1=最低
我想这就是你想要的:
HTML
<select name='rating'>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
</select>
<p id="rdb"></p>
1.
2.
3.
4.
5.
6.
7.
8.
9
10
JS
var num = $("option").length; /*Check num of Option Tags*/
$("select").hide(); /* Remove this and you will find Select box */
for(var i=1; i<=num; i++)
{
var nums = ['0','1','2','3','4','5','6','7','8','9','10'];
var ptag = document.getElementsByTagName("p")[0];
var input = document.createElement("INPUT");
input.setAttribute("type", "radio");
var cellText = document.createTextNode(" " + nums[i] + " ");
var label = parseInt(i);
ptag.appendChild(cellText);
ptag.appendChild(input);
}
var num=$(“选项”).length/*检查选项标记的数量*/
$(“选择”).hide();/*删除此选项,您将找到选择框*/
对于(变量i=1;i@divy3993
这是我所做的。如果我没有得到它,我真的很抱歉,谢谢你给我时间:
<html>
<head>
<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
<title> Rate error solutions </title>
</head>
<body>
<br><br>
<div align="right">
<a href="logout.php">Logout</a></div>
<div align="center">
<img src="590px-HGST_CompanyLogo.svg.png" alt="Home" style="width:300;height:100"></div>
<br><br><br>
<center><b><font size="5"> RATE</font><br><br>
Note:</b> 10 = highest, 1 = lowest </center><br>
<hr width='40%'>
<br>
</body>
</html>
<center>
<?php
mysql_connect ("localhost", "root", "") or die ("Can't connect to server.");
mysql_select_db ("ojt") or die ("Can't connect to database.");
$find_data = mysql_query ("SELECT * FROM search");
while ($row = mysql_fetch_assoc($find_data))
{
$id = $row['id'];
$title = $row['title'];
$error = $row['error'];
$description = $row['description'];
$keywords = $row['keywords'];
$link = $row['link'];
$current_rating = $row['rating'];
$hits = $row['hits'];
echo "
<form action='rate.php' method='POST'>
<b>Error title: <u>$title</u> </b><br>
Rate error solution: <select name = 'rating'>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
</select>
<p id='rdb'></p>
<script>
$(document).ready(function(){
var num = $('option').length;
$('select').hide();
for(var i=1; i<=num; i++)
{
var nums = ['0','1','2','3','4','5','6','7','8','9','10'];
var ptag = document.getElementsByTagName('p')[0];
var input = document.createElement('INPUT');
input.setAttribute('type', 'radio');
var cellText = document.createTextNode('' + nums[i] + '');
var label = parseInt(i);
ptag.appendChild(cellText);
ptag.appendChild(input);
}
});
</script>
<input type='hidden' value='$error' name='error'><br>
<input type='submit' value='Rate!'><br><br>Current rating: "; echo round($current_rating,4); echo "
<br><br></form><hr width='30%'><br>
";
}
?>
</center>
速率误差解
速率
注:10=最高,1=最低
使用一个范围滑块,这将节省你很多时间。因此,你想改变一个下拉到一个广播组,但你不尝试任何代码,只是张贴在这里为我们为你做它?你好!谢谢你的回应。但是,我不知道放在哪里的JS。我真的很抱歉,我没有任何编程背景,我给了一个项目关于PHP。我应该把JS放在我的代码中的什么地方?谢谢!@Alnira Mei,我已经更新了上面的答案。现在检查一下。你好!我很抱歉有很多“未定义的”。我不确定是不是我。我很抱歉,我真的不知道该怎么做。它看起来有点像下面我要评论的@divy39931 2 3 4 5 6 7 8 910未定义未定义未定义未定义未定义未定义未定义未定义未定义未定义未定义未定义未定义未定义未定义未定义未定义未定义未定义未定义未定义未定义未定义未定义未定义未定义未定义未定义未定义未定义未定义未定义未定义未定义未定义未定义未定义未定义未定义未定义未定义未定义未定义未定义未定义未定义未定义未定义未定义未定义未定义为何将php代码张贴在正文和html标记之外,将代码放在中间标记之间,并将中间标记放在正文内部r文件,比如
<html>
<head>
<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
<title> Rate error solutions </title>
</head>
<body>
<br><br>
<div align="right">
<a href="logout.php">Logout</a></div>
<div align="center">
<img src="590px-HGST_CompanyLogo.svg.png" alt="Home" style="width:300;height:100"></div>
<br><br><br>
<center><b><font size="5"> RATE</font><br><br>
Note:</b> 10 = highest, 1 = lowest </center><br>
<hr width='40%'>
<br>
</body>
</html>
<center>
<?php
mysql_connect ("localhost", "root", "") or die ("Can't connect to server.");
mysql_select_db ("ojt") or die ("Can't connect to database.");
$find_data = mysql_query ("SELECT * FROM search");
while ($row = mysql_fetch_assoc($find_data))
{
$id = $row['id'];
$title = $row['title'];
$error = $row['error'];
$description = $row['description'];
$keywords = $row['keywords'];
$link = $row['link'];
$current_rating = $row['rating'];
$hits = $row['hits'];
echo "
<form action='rate.php' method='POST'>
<b>Error title: <u>$title</u> </b><br>
Rate error solution: <select name = 'rating'>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
</select>
<p id='rdb'></p>
<script>
$(document).ready(function(){
var num = $('option').length;
$('select').hide();
for(var i=1; i<=num; i++)
{
var nums = ['0','1','2','3','4','5','6','7','8','9','10'];
var ptag = document.getElementsByTagName('p')[0];
var input = document.createElement('INPUT');
input.setAttribute('type', 'radio');
var cellText = document.createTextNode('' + nums[i] + '');
var label = parseInt(i);
ptag.appendChild(cellText);
ptag.appendChild(input);
}
});
</script>
<input type='hidden' value='$error' name='error'><br>
<input type='submit' value='Rate!'><br><br>Current rating: "; echo round($current_rating,4); echo "
<br><br></form><hr width='30%'><br>
";
}
?>
</center>