jquery ajax成功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(

这是我所在位置的dropdownlist,并将更新另一个dropdownlist以了解特定位置的价格

$('#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