如何删除文本和竖线

$('#cmbColumn').editableSelect(); 
 
$('#cmbSidebar').editableSelect();

<link rel="stylesheet" href="//cdn.rawgit.com/indrimuska/jquery-editable-select/master/dist/jquery-editable-select.min.css" /> 
 

 
    <script src="//code.jquery.com/jquery-1.12.4.min.js"></script> 
 
    
 
<script src="//cdn.rawgit.com/indrimuska/jquery-editable-select/master/dist/jquery-editable-select.min.js"></script> 
 

 
<!doctype html> 
 

 

 
<div class="tabs-outer"> 
 
    <div class="tabs-cap-top cap-top"> 
 
    <div class="cap-left"></div> 
 
    <div class="cap-right"></div> 
 
    </div> 
 
    <div class="fauxborder-left tabs-fauxborder-left"> 
 
    <div class="fauxborder-right tabs-fauxborder-right"></div> 
 
    <div class="region-inner tabs-inner"> 
 
     <div class="tabs section" id="main"> 
 
     <div class="widget HTML" id="HTML3"> 
 
      <h2 class="title"> Search</h2> 
 
      <div class="widget-content"> 
 
      <div id="multi-search"> 
 
       <select id="cmbColumn" name="cmbColumn"> 
 
       <option value="" />Columns 
 
       <option value="apple+" />apple 
 
       <option value="grapes+" />grapes 
 
       </select> 
 
       <select id="cmbSidebar" name="cmbSidebar"> 
 
       <option value="" />Sidebars 
 
       <option value="mango+" />mango 
 
       <option value="berry+" />berry 
 

 
       </select> 
 

 
       <input onclick=" getValue() " value="Filter" type="button" /> 
 
      </div> 
 
      </div> 
 
      <div class="clear"></div> 
 
      <span class="widget-item-control"> 
 
           <span class="item-control blog-admin"> 
 
            <a class="quickedit" href="https://www.blogger.com/rearrange?blogID=1273768514594589200&action=editWidget&sectionId=main" onclick=" return _WidgetManager._PopupConfig(document.getElementById(&quot;HTML3&quot;)); " target="configHTML3" title="Edit"> 
 
             <img alt="" src="http://img1.blogblog.com/img/icon18_wrench_allbkg.png" height="18" width="18" /> 
 
            </a> 
 
           </span> 
 
      </span> 
 
      <div class="clear"></div> 
 
     </div> 
 
     </div> 
 
     <div class="tabs section" id="main"></div> 
 
    </div> 
 
    </div> 
 
    <div class="tabs-cap-bottom cap-bottom"> 
 
    <div class="cap-left"></div> 
 
    <div class="cap-right"></div> 
 
    </div> 
 
</div> 
 

 

 
<script> 
 
function getValue() { 
 
    var valcmbColumn = document.getElementById("cmbColumn").value; 
 
    var valcmbSidebar = document.getElementById("cmbSidebar").value; 
 

 
    valOutput = "label:"+valcmbColumn+"|label:"+ valcmbSidebar; 
 
    window.open("http://urstrulyvijay.blogspot.in//search/?q=" + valOutput, "_self"); 
 
    } 
 
</script>

我在blog我的问题实施Jquery editable select是我要删除空格http://urstrulyvijay.blogspot.in/search/?q=label:apple%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20|label:mango

我的意思是实际一个低于之间的空间并看到this图像明白问题清除

http://urstrulyvijay.blogspot.in/search/?q=label:apple|label:mango

我已经知道这个空间问题是由于文本和垂直条，如果我没有错。

来源

2016-08-02 overflowstack9

你需要共享一些相关的代码（HTML CSS JQ）如果你想我们的帮助。 –

哦对不起我现在更新 – overflowstack9

@MihaiT更新 – overflowstack9

使用trim()删除任何空白

valOutput = "label:"+valcmbColumn.trim()+"|label:"+ valcmbSidebar.trim();

来源

2016-08-02 07:18:23 madalinivascu

让我检查... – overflowstack9

它不会工作对不起 – overflowstack9

你是什么意思\t 它不会工作？ – madalinivascu

您只需你的期权价值后的空间。此外，不关闭option标签可能是一个问题。

你应该改变这样的：

<option value="apple+" />apple

要这样：

<option value="apple+">apple</option>

来源

2016-08-02 07:18:55

chaimillard我的博客不支持关闭它后/ /因为它是xml它是博客......平台任何其他方式与CSS ... 。？ – overflowstack9

@ overflowstack9看到我的回答 – madalinivascu

在我的回答中，我不使用/> AND和

如何删除文本和竖线

回答

相关问题