繁体   English   中英

是否可以通过jquery在文本框中显示未选择的选项?

Is it possible to showing unselected options in text box through jquery?

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

是否可以从另一个文本框中显示选定的值,并在另一个文本框中显示未选定的选项。

例如,我有2个文本框和一个选择框,其中包含options(location_1,location_2,location_3)

因此,当我选择选项location_2或任何随后选择的选项值将显示在text_box_1 ,而其余​​未选择的选项(location_1,location_3)将在另一个文本框中显示该值,即text_box_2

我试图做以下方法,但只能获得选择选项值而不是取消选择。

HTML

<select name="pd_location[]" class="form-control">
    <option value="">-- Choose --</option>
    <option value="1">Location One</option>
    <option value="2">Location Two</option>   
    <option value="3">Location Three</option>   
    <option value="4">Location Four</option>   
</select>

jQuery的

 $(document).on('change', '.select_location', function() {
        var get_sel_option = $(this).attr("selected_val");
        var index=     $(".select_location").prop('selectedIndex');

        if(index){
            var sel_option_test=   $('.select_location option ').attr("selected","selected");  
        }

     });

我如何获得取消选择的价值?

1 个回复

您可以使用jQuery.map()获取所有未选中的选项。

说明:将数组或对象中的所有项目转换为新的项目数组。

 $('select[name="pd_location[]"]').on("change", function() { $('.text_box').val(''); var selected = this.value; if( selected ) { $('#text_box_1').val( selected ); var unselected = $(this).find('option:not(:first):not(:selected)').map(function() { return this.value; }).get().join(","); $('#text_box_2').val( unselected ); } }); 
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <select name="pd_location[]" class="form-control"> <option value="">-- Choose --</option> <option value="1">Location One</option> <option value="2">Location Two</option> <option value="3">Location Three</option> <option value="4">Location Four</option> </select> <input name="text_box_1" id="text_box_1" class="text_box"> <input name="text_box_2" id="text_box_2" class="text_box"> 

2 写入未选择的选项卡中的文本框

我有一个可以在串行,GPIB,USB和以太网上读写的程序。 它具有每种通讯方式的选项卡,其中的一个文本框内部显示端口上的通讯。 选项卡之一被列为“所有通信”,并且该文本框包含来自所有通信方法的数据。 我目前正在处理代码的串行端口部分,并且我的程序一直冻结。 在我运行代码的一半时间里,它的 ...

3 jQuery文本框未显示

我想显示一个文本框,当有人点击Click Me按钮点击这里 当用户单击“单击我”按钮时,我要显示彩色区域框。 这是我的代码。 HTML CSS jQuery的 有人可以帮忙吗? 这是jsFiddle: http : //jsfiddle.net/n ...

6 如何使用jQuery检查选择框中是否未选择任何选项?

我试图看看是否在选择框中选择了一个选项,如果没有,我希望它提醒一个字符串。 我指的是这个链接( 检查是否使用jQuery选择了选项,如果没有选择默认值 ),但它不起作用。 这是我的代码: 我几乎复制了链接的答案,但它仍然无法正常工作。 我错过了什么? ...

7 在选择显示文本框与jQuery的?

我敢肯定这是超级简单的方法,但是我似乎无法认为自己在做错什么,无论如何,我的表单都有一个“标题”选择列表,如果选择了“其他”,我想显示一个文本框。 但这是行不通的。#otherTitle文本框在页面加载时使用jquery隐藏。 ...

8 文本未显示在文本框中

每次打开createOrder表单时, orderNo都会增加1。 orderNo未显示在textbox11 。 我必须在文本框中输入内容才能自动更改为计数器。 编辑 -将代码放入form_load ,但是一旦createOrder表单打开,计数器似乎就不会改变。 ...

10 Jquery:根据文本框文本选择下拉选项

我试图根据文本框文本选择选项。 下面是我的HTML 我的js喜欢吼叫 因此,如果用户输入文本12或大于12且低于25我想要选择选项第二12 + $ 2.99并且如果用户输入1500而不是选项1000 + $ 1.60被选中。 基本上我尝试在(+)符号之前比较选项文本并尝试 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2021 STACKOOM.COM