选定的div数组<a>

Question

I have an understanding or css and html, but I'm quite new to JavaScript...

So, I have a div that has two functions. (var selection = a[selection].innerHTML;) is where the problem is, and I'm trying to get (bread)(milk)(cheese)

My HTML

function PP_BUDGET_CLIENT_TB_ACCOUNT_NUMBER_SEARCHDIV_MOUSEDOWN() {
  //disable div
  var PP_BUDGET_CLIENT_TB_ACCOUNT_NUMBER_SEARCHDIV = document.getElementById('PP_BUDGET_CLIENT_TB_ACCOUNT_NUMBER_SEARCHDIV');
  var a = PP_BUDGET_CLIENT_TB_ACCOUNT_NUMBER_SEARCHDIV.getElementsByTagName("a");
  var selection = a[selection].innerHTML;
  console.log("select = " + selection);

  document.getElementById('PP_BUDGET_CLIENT_TB_ACCOUNT_NUMBER').value = selection;

  PP_BUDGET_CLIENT_TB_ACCOUNT_NUMBER_SEARCHDIV.style.cssText = 'display: none;';
}

<input type="text" class="CAPTURE_TB" placeholder="ACCOUNT NUMBER" id="PP_BUDGET_CLIENT_TB_ACCOUNT_NUMBER">
<div id="PP_BUDGET_CLIENT_TB_ACCOUNT_NUMBER_SEARCHDIV" class="CAPTURE_SEARCH" style="display:none;">
  <a href="#CHEESE">CHEESE</a>
  <a href="#MILK">MILK</a>
  <a href="#BREAD">BREAD</a>
</div>

In the HTML, I'm pulling the page with...

<script>
    require('./UniWindow.js')
</script>

Inside 'UniWindow.js':

//PP_BUDGET_CLIENT_CONTROLLS
var PP_BUDGET_CLIENT_TB_ACCOUNT_NUMBER = document.getElementById('PP_BUDGET_CLIENT_TB_ACCOUNT_NUMBER');
//divs
var PP_BUDGET_CLIENT_TB_ACCOUNT_NUMBER_SEARCHDIV = document.getElementById('PP_BUDGET_CLIENT_TB_ACCOUNT_NUMBER_SEARCHDIV');
//PP_BUDGET_CLIENT_EVENTS
PP_BUDGET_CLIENT_TB_ACCOUNT_NUMBER.addEventListener('keyup', PP_BUDGET_CLIENT_TB_ACCOUNT_NUMBER_ONKEYUP);
PP_BUDGET_CLIENT_TB_ACCOUNT_NUMBER_SEARCHDIV.addEventListener('mousedown', PP_BUDGET_CLIENT_TB_ACCOUNT_NUMBER_SEARCHDIV_MOUSEDOWN)
//PP_BUDGET_CLIENT_FUNCTIONS

所以@chrisG建议

＆＃13;

＆＃13;

  <input list="browsers" name="browser">
  <datalist id="browsers">
    <option value="Internet Explorer">
    <option value="Firefox">
    <option value="Chrome">
    <option value="Opera">
    <option value="Safari">
  </datalist>

＆＃13;

＆＃13;

＆＃13;

但电子不支持此功能。所以我创建了自己的，但是如果有人可以提供帮助，即使我能以某种方式将变量传递给后台的方法。

Answer 1

您需要创建指定某个变量的函数，或者只将div值设置为选择文本，并将该函数绑定到onClick上的每个选项。

<input type="text" class="CAPTURE_TB" placeholder="ACCOUNT NUMBER" id="PP_BUDGET_CLIENT_TB_ACCOUNT_NUMBER">
    <div id="PP_BUDGET_CLIENT_TB_ACCOUNT_NUMBER_SEARCHDIV" class="CAPTURE_SEARCH" style="display:block;">
       <a name="test" href="#CHEESE" >CHEESE</a>
       <a name="test" href="#MILK" >MILK</a>
       <a name="test" href="#BREAD" >BREAD</a>
    </div>
<script>
   function Choose(){
      document.getElementById('PP_BUDGET_CLIENT_TB_ACCOUNT_NUMBER').value = this.text;
    }
    var elements = document.getElementsByName("test");

    for (var i = 0; i < elements.length; i++) 
    {
       elements[i].addEventListener("click", Choose, false);
    }
    </script>

Answer 2

可能重复：setting content between div tags using javascript

试试这个：

document.getElementById('PP_BUDGET_CLIENT_TB_ACCOUNT_NUMBER').innerHTML = selection;