Question

我想将一个HTML多选下拉函数中的几个选项存储到Javascript中的另一个变量。

<form name="myedit" id="myedit" action="next.php" method="post" onsubmit="return copyLongDesc( 'oxarticles__oxlongdesc' );"
   <select id="Project" name="Data" size="10" multiple="multiple" onchange="rewrite_data();">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="5">5</option>
    </select>
</form>

它必须存储在这个字符串变量＆quot; editval [oxarticles__oxmerkmaleaa]＆＃39;任何改变事件。该变量已经在此脚本的公式中。

我需要知道如何让它工作？

感谢您的帮助。

Answer 1

我们创建一个事件监听器change并将一个函数传递给它。看到它在行动，工作的例子。

＆＃13;

var select = document.getElementById('Project');

function selectedOptions() { 
  var result = [];
  var options = this.options;

  for (i = 0; i < options.length; i++) {
    var option = options[i];

    if (option.selected) {
      result.push(option.value);
    }
  }
  
  console.log(result);
  return result;
}

select.addEventListener('change', selectedOptions);

＆＃13;

<select id="Project" name="Data" size="10" multiple="multiple" >
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="5">5</option>
    </select>

＆＃13;

在Javascript中将多选下拉选项分配给字符串变量

1 个答案: