mysql下拉选择框,从MySQL生成下拉列表

I need to generate a drop down menu from data in a MySQL table.

From the table, it'll have to take the user id and the username.

Then it'll set the user id to option value and the username to what shows up in the drop down.

Could anyone show me some code for it? I'm having trouble making the following work:

$sql = "SELECT user_id, user_name FROM users";

$result = mysql_query($sql);

while($row = mysql_fetch_array($result))

{

echo ".$row['user_name'].\n ";

echo "".$row['user_name']."\n ";

}

解决方案

You have a couple of issues with your output. First, it's not clear from your example if you have the actual select element parent, and I'm not sure if browsers will display options without a parent select. Second, you are not escaping your array variables. So this might fix it:

$sql = "SELECT user_id, user_name FROM users"; $result=mysql_query($sql);

echo '';

while($row = mysql_fetch_array($result)) {

echo '' . $row['user_name'] . "\n";

}

echo '';

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,下面我将为你提供一些示例代码和注意事项。 首先,我们需要在数据库中建立一个书籍表,包含书籍的基本信息,包括成色和价格等字段。以下是一个简单的MySQL建表语句: ```sql CREATE TABLE book ( id INT PRIMARY KEY AUTO_INCREMENT, name VARCHAR(50) NOT NULL, author VARCHAR(50) NOT NULL, price DECIMAL(10,2) NOT NULL, quality VARCHAR(10) NOT NULL ); ``` 接下来,我们使用SpringBoot架编写后端代码,建立一个RESTful API,用于从数据库中获取书籍信息,以及更新书籍的成色和价格信息。以下是一个简单的Java代码示例: ```java @RestController @RequestMapping("/api/books") public class BookController { @Autowired private BookRepository bookRepository; @GetMapping public List<Book> getAllBooks() { return bookRepository.findAll(); } @PutMapping("/{id}") public Book updateBook(@PathVariable Long id, @RequestBody Book book) { Book existingBook = bookRepository.findById(id).orElse(null); if (existingBook != null) { existingBook.setQuality(book.getQuality()); calculatePrice(existingBook); return bookRepository.save(existingBook); } else { throw new RuntimeException("Book not found"); } } private void calculatePrice(Book book) { // 根据书籍成色重新计算价格 // ... } } ``` 在前端,我们可以使用Vue.js架和Element UI组件库来构建用户界面。以下是一个简单的Vue.js代码示例: ```html <template> <div> <el-table :data="books" style="width: 100%"> <el-table-column prop="name" label="书名"></el-table-column> <el-table-column prop="author" label="作者"></el-table-column> <el-table-column prop="price" label="价格"></el-table-column> <el-table-column prop="quality" label="成色"> <template slot-scope="scope"> <el-select v-model="scope.row.quality" @change="updateBook(scope.row)"> <el-option label="全新" value="全新"></el-option> <el-option label="九成新" value="九成新"></el-option> <el-option label="八成新" value="八成新"></el-option> </el-select> </template> </el-table-column> </el-table> </div> </template> <script> import axios from 'axios'; export default { data() { return { books: [], }; }, created() { this.fetchBooks(); }, methods: { fetchBooks() { axios.get('/api/books').then((response) => { this.books = response.data; }); }, updateBook(book) { axios.put(`/api/books/${book.id}`, book).then(() => { // 更新书籍成功 // ... }); }, }, }; </script> ``` 在上面的代码中,我们使用Element UI中的表格组件来展示书籍列表,并添加了一个下拉组件来让用户选择书籍的成色。当用户选择成色后,我们通过调用后端API接口来更新书籍的成色和价格信息,并在页面上重新显示价格。 最后,需要注意以下几点: 1. 数据库中的书籍信息应该是真实的,以便计算价格。 2. 后端API应该可以处理并返回正确的书籍信息和计算后的价格。 3. 前端界面应该能够正确地展示书籍列表,并能够正确地更新书籍的成色和价格信息。 希望这个回答能够对你有所帮助。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值