Javascript 在更改select时获取multiple tr Jquery的Html

更改类型\ id时，我想获得tr的完整html，其id为change and values。之后，我想在上面html中未选择的类型\ id中设置所选值。这意味着如果选择了一个，那么在html中我必须设置两个所选值。我们如何做到这一点

HTML

<tr id ="change">
                    <td style="font-size:12px">Type</td>
                    <td colspan="7">
                        <select name="type" id="type_id"><option value="">Select Type</option><option value="O">One</option><option value="R">Two</option></select>
                    </td>
                </tr>
                <tr style="display: table-row;" class="is_rows_hidden" id ="values">
                    <td style="font-size:12px">Percentage</td>
                    <td>
                        <input id="percentageid" name="percentage" value="" type="text">
                    </td>
                    <td style="font-size:12px">On</td>
                    <td>
                        <select name="markup" id="markup"><option value="BF">BF</option><option value="YY">YT</option><option value="TF">TF</option></select>
                    </td>
                    <td style="font-size:12px">Amount </td>
                    <td>
                        <input id="amount_id" name="amount" value="" type="text">
                    </td>
                    <td style="font-size:12px">ApplyOn</td>
                    <td>
                        <select name="apply_on" id="apply_on" class="select-box" style="width:127px;">
                        <option value="PP">PP</option><option value="PB">PB</option><option value="PX">PX</option></select>
                    </td>
                </tr>

但这对我不起作用

---

在变量中获取html后的主要问题如何更改html

如果对您有效，请尝试以下操作：

var html = $('tr.change td:gt(1)').map(function(){
              return this.outerHTML;
           }).get().join('');

$(document).ready(function () {
$(document).on('change', '#type_id', function () {
    var val = $(this).val();
    var html = $(this).parents('#change:first').html();
    var o = $('#type_id').find('option').filter(function() {    
        return (($(this).attr('value') != val)&&($(this).attr('value'))); 
    });
    $(this).val(o.attr('value'));
    console.log(html,o);
});
});