如何根據下拉列表添加輸入內容？

只要用戶輸入了一些例如：192.168.2.1

如果URL選擇，我想追加HTTP：//當選擇SSH，SSH：/ /應「附加」到IP地址。

我的代碼：

<div class="form-group"> 
    <label for="name-in" class="col-md-3 label-heading"> 
     <select name="urloption" style="width: 100px;"> 
      <option value="URL">URL</option> 
      <option value="URL">SSH</option> 
     </select> 
    </label> 
    <div class="col-md-6"> 
     <input type="text" class="form-control" id="name-in" name="urldata" value="" placeholder="Enter your Lab info"> 
    </div> 
</div>

我嘗試：

我創建了一個類，並根據點擊，我能做到這一點？

$("input").keyup(function() { 
    $(".dynamic").html(this.value); 
});

我該如何用HTML做到這一點？

來源

2014-08-29 Dark Knight

好吧。添加我的嘗試。 – 2014-08-29 16:34:26

我完全是Jquery的新手。我試圖做到這一點，但我面臨的問題。我只想在ip地址前加上「http：//」和「ssh：//」。 – 2014-08-29 16:36:52

您需要做的是在兩個輸入元素上捕獲事件，然後根據每個選擇和事件更改文本。

$("input").keyup(function() { 
    $(".dynamic").html($('select').val().toLowerCase() +'://' + this.value); 
}); 
$('select').on('change', function(){ 
    $(".dynamic").html(this.value.toLowerCase() +'://'+ $('input').val()); 
});

Here's the jsFiddle

來源

2014-08-29 16:41:14 Ohgodwhy

但我有這個問題。如果我輸入一些內容並將其留空，（Erase）我仍看到http：//或ssh：//而不是空白。我該如何解決這個問題？ – 2014-09-04 21:04:38

有沒有其他選擇的密碼？因爲它會檢測在此下拉列表之前鍵入的鍵。 – 2014-09-04 22:40:22

@DarkKnight [這是更新的jsFiddle與您的請求]（http://jsfiddle.net/wdcmyz93/）。對於第二個問題......我剛剛使用了輸入元素的特定標識符。 – Ohgodwhy 2014-09-04 23:50:18

如何根據下拉列表添加輸入內容？

回答

相關問題