像php变量一样使用div值

时间:2012-12-21 07:56:09

标签: javascript html drop-down-menu

我有一个像这样的剧本

<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>

所以,我想用这个变量

实际上,我希望在提交时获得下拉框值。这个脚本可以实现,但我可以使用其他建议

谢谢

2 个答案:

答案 0 :(得分:0)

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

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

答案 1 :(得分:0)

我可以建议你另一个我认为更有用的选择,你可以以不同的方式使用它@你的项目 在这个例子中,你单击你的选项并将它们插入选项列表,你可以从你的选择名称=测试发送它们,你只需要更改它。
DEMO


这是您可以捕获项目,链接,图像,属性并将其添加到选择框的脚本:

$(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();

 });