相对于每行中的选择选项更改输入值

Question

演示 http://phppot.com/demo/jquery-dependent-dropdown-list-countries-and-states/

考虑国家和州是单排的......

我使用javascript动态填充行。如何在每行中实现与第一行中相同的功能？如果你能解决这个问题，那对我来说真的很有帮助。

Answer 1

如下所示更改getState()时，将元素而不是值传递给函数country-list。

<select onchange="getState(this);" class="demoInputBox" id="country-list" name="country">
    <option value="">Select Country</option>
    <option value="1">Brazil</option>
    <option value="2">China</option>
    <option value="3">France</option>
    <option value="4">India</option>
    <option value="5">USA</option>
</select>

并更改getState()功能，如下所示。假设每行的closest元素为tr（使用您最接近的元素）。

function getState(elm) {
    $.ajax({
        type: "POST",
        url: "get_state.php",
        data:'country_id='+elm.value,
        success: function(data){
            //assume `tr` is closest element of each row
            $(elm).closest('tr').find('.state-list').html(data);
        }
    });
}