JavaScript來一個文本框的值添加到listboxfor

我有以下幾點：JavaScript來一個文本框的值添加到listboxfor

<script type="text/javascript" src="/Scripts/jquery-1.8.2.js"></script> 
<script type ="text/javascript"> 

    $(function() { 
     $('#AddDirector').click(function() { 
      $('#VideoLanguageDirector').append(
       new Option($('input[name=Director]').val())); 
     }); 
    });  

</script>

<div class="editor-field"> 
    @Html.TextBox("Director") 
</div> 
<div> 
    <input type="button" name="AddDirector" value="Add Director" id="AddDirector" /> 
</div> 
<div class="editor-field"> 
    @Html.ListBoxFor(model => model.SelectedLanguage.VideoLanguageDirector, Model.SelectedLanguage.VideoLanguageDirector.Select(d => new SelectListItem() { Text = d.Name, Value = d.Name })) 
</div>

我想要做的是有一個文本框，你點擊「添加」，在文本框中的文本插入listboxfor。

現在JavaScript事件不會觸發。

來源

2013-07-30 Sean P

看起來像你正在使用jQuery。你有沒有參考圖書館？當您嘗試點擊它時，開發者控制檯會說什麼？ – vikingben

您是否嘗試過在標記中分配onclick（）方法，而不是使用jquery註冊事件？ – skeryl

我已經添加了我的整個腳本塊與參考。仍然有問題 –

你可以看看你的瀏覽器中的開發人員工具。

我敢肯定你的列表框中沒有命名#VideoLanguageDirector

我以爲它命名爲#SelectedLanguage.VideoLanguageDirector，並確保你使用正確的jQuery選擇。

#和.之間有區別，第一個是ID選擇器，第二個是類選擇器。

如果您使用@Html.TextBox('Director')它是該文本框的名稱，不需要該ID。

你能證實這一切嗎？

來源

2013-07-30 17:32:59 KyorCode

這或多或少是答案。我不得不命名我的ID更好一點。謝謝。 –

JavaScript來一個文本框的值添加到listboxfor

回答

相關問題