Как передать переменную JavaScript / JQuery в <TD>

Question

Я пытаюсь получить значение переменной JavaScript / JQuery и сохранить его в табличном значении TD, но не удалось ...

Пока пытался ...

$("#someID").text(varNAME) / html(varNAME);

document.getElementById("someID").innerHTML = varNAME; 

document.querySelector("#someID").onclick=function() {
    document.querySelector('#someOtherID').textContent = document.getElementById('some_other_ID').value;
}

мой код ---

<td id="userName"></td>

переменная JS--

var assign_user123 = MyApp.optionvalue123;
    alert(assign_user123);  /*i get value in alert box*/ 

MyApp - глобальная функция, а optionvalue123 - из другой функции

РЕДАКТИРОВАТЬ ----

отсюда, я получаю имя пользователя

<select title="" class="form-control" name="user" id="user" onchange="getValue(this)">
    <option value="">Select User to Assign</option>
    <?php foreach ($user as $row): ?>
        <option value="<?php echo $row->id; ?>"><?php echo $row->first_name . ' ' . $row->last_name; ?></option>
    <?php endforeach; ?>
</select>

Функция JavaScript ---

 var MyApp = {};

function getValue(sel) {
    MyApp.optionvalue2 = sel.value;

    var optionvalue = sel.value;
    alert(optionvalue);

    MyApp.optionvalue123 = (sel.options[sel.selectedIndex].text);
    alert(optionvalue123);       
} 

Кнопка, для которой вызывается следующая функция JS ...

<button name="leads" id="leads" class="btn btn-xs btn-danger" onclick="user_leads('passing some parameters for ajax'); "> Assign </button>

function user_leads('some_parameters to call in ajax') {

    var assign_user = MyApp.optionvalue2;
    alert(assign_user);  /*i get value in alert box...*/

    var assign_user123 = MyApp.optionvalue123;
    alert(assign_user123);  /*i get value in alert box...*/

    Didn't work /*$('#userName').html(assign_user123);*/

    Didn't work /* $('#userName').text($('#user').text(assign_user123));*/

    Didn't work /* $('#userName').text(assign_user123);*/

    Didn't work //document.getElementById("userName").innerHTML = assign_user123;

    $.ajax({
        /*Some Ajax function to post data*/
    });
}

А в консоли нет ни ошибки, ни предупреждения ...

Answer 1

Вы можете редактировать innerHTML из td как

$('#userName').html(assign_user123);

Answer 2

document.querySelector('#someOtherID').textContent = document.getElementById('some_other_ID').value;

Во-первых, JS исторически не имел присваиваемых свойств (кроме необработанных значений). И метод, который вы хотите, это text().

Попробуйте

$('#someOtherID').text("new value");

(Использование ярлыка jQuery для селекторов CSS.)

Для присвоения значения

document.getElementById ( 'some_other_ID'). Значение

Если #some_other_ID не является элементом ввода (который имеет свойство value), вам нужно будет снова использовать text() (без параметра он возвращает текущее текстовое содержимое):

 $('#someOtherID').text($('#some_other_ID').text());