javascript - 使用 div 值，如 php 变量

Question

我有这样的脚本

<script type="text/javascript">
    function showSelected(val){
        document.getElementById
('selectedResult').innerHTML = "The selected number is - " 
+ val;
    }
</script>

<div id='selectedResult'></div>

<select name='test' onChange='showSelected(this.value)'>
    <option value='1'>one</option>
    <option value='2'>two</option>
</select>

输出显示为

<div id='selectedResult'></div>

所以，我想用这个变量

实际上，我想在不提交的情况下获取下拉框值。这个脚本成功了，但我可以使用其他建议

谢谢

Answer 1

我不确定我是否真的理解这个问题，但如果你想获取存储在 DIV 中的内容，请使用：

var stuff = document.getElementById('selectedResult').innherHTML;

Answer 2

我可以建议您另一种我认为更有用的替代方案，您可以在您的项目中以不同的方式使用它。
在此示例中，您单击您的选项并将它们插入选项列表，如果需要，您可以从您的选择名称 = 测试中发送它们，您只需要更改它。
演示

这是您可以捕获项目、链接、图像、属性并将它们添加到选择框的脚本：

$(document).ready(function(){
    $('li').on('click',function(){
        $('#theSelect').append('<option   SELECTED>'+$(this).find('img').attr('value')+'</option>');
        var seen = {};
$('option').each(function() {
var txt = $(this).text();
if (seen[txt])
    $(this).remove();
else
    seen[txt] = true;
});
    });

     })

$('#del').click(function() {
var $list = $('#theSelect option');
var d = $list.length;

var b=($list.length-1);
$('#theSelect option:eq('+b+')').remove();

 });