jquery ajax成功dropdownlist值更改,但文本框未更改
这是我所在位置的dropdownlist,并将更新另一个dropdownlist以了解特定位置的价格jquery ajax成功dropdownlist值更改,但文本框未更改,jquery,html,ajax,Jquery,Html,Ajax,这是我所在位置的dropdownlist,并将更新另一个dropdownlist以了解特定位置的价格 $('#my_location').change(function () { //updated var val = parseInt($(this).find('option:selected').val()); getDayPrice(val); }); 这是我的getDayPrice函数 function getDayPrice(
$('#my_location').change(function () {
//updated
var val = parseInt($(this).find('option:selected').val());
getDayPrice(val);
});
这是我的getDayPrice函数
function getDayPrice(my_id)
{
$.ajax({
type: "POST",
url: "getvalue.php",
data: { id: my_id },
dataType: "text",
success: function(data) {
$('#my_duration').empty();
$('#my_duration').append(data);
console.log(data);
$('#txt_my_duration').val(Date.now());
$('#txt_my_cost').val( Date.now());
},
error: function() {
alert('error handing here');
}
});
}
无论my_位于哪个位置,持续时间的dropdownlist都会更新。但是,两个文本框仅更新第一项
这是位置的示例
<select class="form-control" id="my_location" name="my_location">
<option value="1">My Home</option>
<option value="2">My Office</option>
<option value="3">My Playground</option>
<option value="4">My garage</option>
<option value="5">My Bathroom</option>
</select>
<input type="text" name="txt_my_duration" id="txt_my_duration" value="" />
<input type="text" name="txt_my_cost" id="txt_my_cost" value="" />
附加控制台日志
XHR finished loading: POST "http://localhost/getvalue.php".send @ jquery.min.js:5
getvalue.php:756 <option value='1'>My Home</option>
getvalue.php:760 1473924849426
getvalue.php:764 1473924849426
XHR finished loading: POST "http://localhost/getvalue.php".send @ jquery.min.js:5
getvalue.php:756 <option value='2'>My Office</option>
getvalue.php:760 Uncaught TypeError: Cannot read property '1' of nullsuccess @ getvalue.php:760c @ jquery.min.js:3fireWith @ jquery.min.js:3k @ jquery.min.js:5r @ jquery.min.js:5
jquery.min.js:5
XHR finished loading: POST "http://localhost/getvalue.php".send @ jquery.min.js:5
getvalue.php:756 <option value='1'>My Home</option>
getvalue.php:760 1473924849436
getvalue.php:764 1473924849436
获取所选的值
var val = parseInt($(this).find('option:selected').val());
注意:如果您有多个具有相同id的选择,则该值将是具有该id的第一个选择的值
假设matches是选项的值,content是文本,则执行以下操作
var matches = $(data).val();
var content = $(data).text();
$('#txt_my_duration').val(matches);
$('#txt_my_cost').val(content);
获取所选的值
var val = parseInt($(this).find('option:selected').val());
注意:如果您有多个具有相同id的选择,则该值将是具有该id的第一个选择的值
假设matches是选项的值,content是文本,则执行以下操作
var matches = $(data).val();
var content = $(data).text();
$('#txt_my_duration').val(matches);
$('#txt_my_cost').val(content);
问题似乎是您正在将选项动态加载到下拉列表中。如果是这样,您必须使用onchane
问题似乎是您正在将选项动态加载到下拉列表中。如果是这样,您必须使用onchane
我们不能用$this.val吗?我的生活没有用,你的评论对我没有用,你说没有用是什么意思?有控制台错误吗?@madalin,我的文本框显示当前时间。它应该在我单击事件时更新。输入是由ajax添加的吗?我更新了控制台日志。当我选择1以外的值时,文本框日期时间值不会更新。但是dropdownlist负载将从ajax更新。我们不能使用$this.val吗?我的生活不正常,你的评论对我不正常,你说不正常是什么意思?有控制台错误吗?@madalin,我的文本框显示当前时间。它应该在我单击事件时更新。输入是由ajax添加的吗?我更新了控制台日志。当我选择1以外的值时,文本框日期时间值不会更新。但是dropdownlist加载将从ajax更新。显示my_duration和txt_my_duration的html显示my_duration和txt_my_duration的html