标签: jquery-selectbox

使用JQuery Mobile我有一个从数据库动态填充的选择框.截至目前,此复选框的人口正在完美运行.我添加了一个功能,其中包含一个通过"点击"事件调用功能的按钮.此功能的作用是知道是否已填充此特定复选框; 如果它没有那么它根本不会做任何事情,但否则它会顺利运行.我的问题是确定这个选择框是否为空.

这是我正在处理的一个非常简单的例子:

<li>
    <label for="fruit_name">Fruit</label>
    <select name="some_fruit" id="fruit_name" onclick="populate_box('fruit', this);">
    </select>
</li>

我的函数,从一个单独的按钮调用,如下所示:

function isSelextBoxEmpty(selectBoxId) {
    var selected_value = $('#fruit_name');

    /* More options... still testing the proper way:
    var selected_value = $('#fruit_name').text;
    var selected_value = $('#fruit_name').value;
    var selected_value = $('#fruit_name').length;
    var selected_value = $('#fruit_name option:selected', this);
    var selected_value = document.getElementById('fruit_name');
    var selected_value = document.getElementById('fruit_name').length;
    var selected_value = document.getElementById('fruit_name').value;
    var selected_value = document.getElementById('fruit_name').innerHTML;
    */

    if(selected_value) {
        alert("NOT null, value: " + selected_value);
        //do something
    }
    else {
        alert("null, value: …

可能遗漏了一些非常明显的东西,但我无法弄清楚发生了什么.我正在尝试使用jquery来确定下拉列表中当前选择的选项(请参阅小提琴)但是当我执行类似下面的操作时,我会在(FF9)控制台中收到警告.

var selectedValue=$('#testSelect option:selected').val();

警告信息:

警告:不推荐使用属性的指定属性.它总是返回true.

难道我做错了什么？这是我应该关注的事吗？提前致谢.

使用jQuery SelectBox插件我正在尝试创建一个JSON对象,其外观如下所示,其中'value'和'name'是选择框的值对:

'Opt Group 1': {
    'value': 'name',
    'value': 'name',
    'value': 'name',
    'value': 'name',
    'value': 'name'
},

因此,当我遍历我的数据时,我将更多数据推送到数组的末尾.目前,要显示'name'唯一,我使用以下内容:

var jsonObj = [];
for(var i=0; i<data.length; i++){
    jsonObj.push(data[i].name);
}
console.log(jsonObj);

据我所知,JavaScript似乎不喜欢使用变量作为标识符,即我不能这样做: jsonObj.push({data[i].id:data[i].name});

我怎样才能创建我需要的那种JSON对象,以便根据需要使Select Box工作？

我有这样的表格

<label>Select country</label>  
    <select name="country">
        <option value="IND" selected="selected">India</option>
        <option value="MY">Malaysia</option>
        <option value="US">United states</option>
    </select>
</label>

我想使用jquery获取所选国家/地区的价值.

这是我在jquery文档块中的代码:我的jquery版本:jquery-1.10.1.js

alert($('select[name="country"]').find(":selected").val());
alert($('select[name="country"] option:selected').val());

我不想通过ID或类调用选择器.提前致谢.

我不能写国家选择框的改变.我需要在模糊日期输入字段(followup_date)上执行ajax请求.

$('#followup_date').change(function(e) {

        if($(this).val()!='')
        {
            //$('.tmslot').not(this).attr('checked', false);        
            var slot = $(this).val();
            var country_id = $('select[name="country"] option:selected').val();

我的问题是我没有为country_id 定义.

我正在使用此站点/脚本中的jQuery链式选择下拉框.我把它放在侧边栏中,它在主页上工作正常,但它不适用于帖子页面,调试器指出了这个错误.

Uncaught TypeError: Object function ()
{for(var a=[];this.length;)a.push(this.splice(Math.random()*this.length,1));
for(;a.length;)this.push(a.pop());return this} has no method 'replace'

它说有一个错误 escapeQuotes : function(str) {return str.replace(/([""\\])/g, "\\$1");

脚本的开头:

(function($) {
  $.dynamicDropdown = {
    /**
     * Escape quotation marks and slashes
     * @param {String} String to format
     * @return {String}
     */
    escapeQuotes : function(str) {
      return str.replace(/([""\\])/g, "\\$1");
    },

这是我如何调用该函数.我正在使用json文件将选项文本和值拉入选定的框:

$(document).ready(function(){

    $.getJSON('suggest.json', function(data){

        var $select = $('#mySelectID');

        $.each(data, function (index, o) {
            var $option = $("<option/>").attr("value", o.Box1ID + ":" + o.Box3).text(o.Box1 + "|" …

 <select   class="form-control selectpicker" id="specialty_id" data-live-search="true"  tabindex="-98" name="specialty_id" >

                                <option selected="" value="0" id="ee" <?php if(isset($_GET['sp_id']) && $_GET['sp_id'] == 0): ?>{{ 'selected="selected"' }} <?php endif; ?>>Choose a Sp</option>
                                  @foreach($searchdropdown['dsp'] as $dsptext)
                                    <option value="{{ $dsptext->spect }}" <?php if(isset($_GET['sp_id']) && $_GET['sp_id'] == $dsptext->spect): ?>{{ 'selected="selected"' }} <?php endif; ?>>{{ $spdata->sp }}</option>

                                  @endforeach

                              </select>

如何在占位框的输入文本中添加占位符。该文本框是动态生成的。我对此进行了研究，但找不到任何有用的内容。请帮我。

例如：请参考此链接 https://silviomoreto.github.io/bootstrap-select/examples/#live-search