获取Javascript变量并在AJAX调用中作为参数传递

Question

我无法获取javascript变量的值，并将其作为参数传递给ajax调用。

<select id="mySelect" onblur="updateERPfunction()">
  <option value="Audi">Audi
  <option value="BMW">BMW
  <option value="Mercedes">Mercedes
  <option value="Volvo">Volvo
</select>

function updateERPfunction() {
  var my_val= document.getElementById("mySelect").value;
  alert(my_val);
 }

我想在另一个onfocus函数中使用my_val的值：

 <input name="MappingId" onfocus="backgroundColorToWhite('MappingId_${efField.efMappingId}'); bindKeyDownEvent(my_val); />  

请帮助我从JS函数获取JSP的my_val值。

Answer 1

看看是否有帮助（假设您不介意jquery）：

 <select id="mySelect" onblur="updateERPfunction()">
 <option value="Audi">Audi</option>
 <option value="BMW">BMW</option>
 <option value="Mercedes">Mercedes</option>
 <option value="Volvo">Volvo</option>
</select>

 <input name="MappingId"  />


$(document).ready(function() {
    var my_val = '';
  $("#mySelect").change(function() {
       my_val = $(this).val();
      // feel free to use ajax if required: 
      // $.post('server url', {}, function(data) {
      //       my_val = data.my_val;
      // });
  })

  $('[name="MappingId"]').focus(function()  {
    alert(my_val)
    $(this).blur();
  });
});

工作小提琴https://jsfiddle.net/t8vsm17n/