Javascript 动态下拉菜单节点js
我是新来的。我需要制作一个相关的下拉菜单,从同一页面的另一个下拉菜单中获取所选用户的地址数据。问题是孔页面不仅更新了第二个下拉菜单。。我想这和我的问题是一样的,但对我帮助不大Javascript 动态下拉菜单节点js,javascript,mysql,node.js,ajax,ejs,Javascript,Mysql,Node.js,Ajax,Ejs,我是新来的。我需要制作一个相关的下拉菜单,从同一页面的另一个下拉菜单中获取所选用户的地址数据。问题是孔页面不仅更新了第二个下拉菜单。。我想这和我的问题是一样的,但对我帮助不大 <select name="selectUser" id="user" > <option disabled selected> Select User..</option> <% users.forEach((users) => { %> <op
<select name="selectUser" id="user" >
<option disabled selected> Select User..</option>
<% users.forEach((users) => { %>
<option value="<%= users.id %>" > <%=users.name %> </option>
<% }) %>
</select>
<br>
<label>Address :</label>
<select name="selectAddress" id="address">
<option disabled selected> Select Address..</option>
<% address.forEach((address) => { %>
<option value="<%= address.addressId %>" > <%=address.addressName %> </option>
</select>
<% }) %>
order.js
module.exports = {
addOrderPage: (req, res) => {
let query1 = "SELECT * FROM users";
getConnection().query(query1, (err, result1) => {
let query2 = "SELECT * FROM address WHERE userId = '" +req.query.selectedId + "'";
getConnection().query(query2, (err, rows, fields) => {
if (err) {
return res.status(500).send(err);
}
console,log(rows)
res.render('newOrder.ejs', {
address : rows,
users: result1
});
});
});
}
}
app.js
app.get('/order/new', addOrderPage)
成功函数缺少从请求更新成功函数返回的数据
$(document).ready(function(){
$('#user').change(function(){
var item = $('#user').val();
$.ajax({
type:'GET',
data: { selectedId: item },
url:'/users/address',
success: function(data){
console.log(data);
$('#address').empty();
$('address').append("<option disabled selected> Select Address..</option>");
$.each(data, function (index, addressObj) {
$('#address').append("<option value = '" + addressObj.id + "' > " + addressObj.first_name + ". </option > ");
});
}
});
});
neworder.js
<select name="selectUser" id="user" >
<option disabled selected> Select User..</option>
<% users.forEach((users) => { %>
<option value="<%= users.id %>" > <%=users.name %> </option>
<% }) %>
</select>
<br>
<label>Address :</label>
<select name="selectAddress" id="address">
<option disabled selected> Select Address..</option>
</select>
它对我不起作用..我想在地址下拉菜单中从与userIdTry.logdata中的users表连接的地址表中绘制数据,并检查它返回的内容。同时尝试更新您的url:'http:yourprojectport/order/new'我得到了以下错误:未捕获的语法错误:JSON中的意外标记u位于位置0..&我不确定ajax函数中的me数据请求尝试直接访问浏览器中的url,检查是否返回结果
module.exports = {
addOrderPage: (req, res) => {
var selecteduser = req.query.selectedId;
let query1 = "SELECT * FROM users";
db.query(query1, (err, result1) => {
if (err) {
return res.status(500).send(err);
}
res.render('newOrder.ejs', {
players: result1,
});
});
},
getUserAddress: (req, res) => {
var selecteduser = req.query.selectedId;
let query1 = "SELECT * FROM address WHERE userId = '" + selectedId + "'";
db.query(query1, (err, result1) => {
if (err) {
return res.status(500).send(err);
}
res.send(result1);
});
}
}
<select name="selectUser" id="user" >
<option disabled selected> Select User..</option>
<% users.forEach((users) => { %>
<option value="<%= users.id %>" > <%=users.name %> </option>
<% }) %>
</select>
<br>
<label>Address :</label>
<select name="selectAddress" id="address">
<option disabled selected> Select Address..</option>
</select>
app.use("/users/address", order.getUserAddress);